Download 1.12.2

Du bist nicht angemeldet. Der Zugriff auf einige Boards wurde daher deaktiviert.

Seiten: 1

#1 19. Juni 2014 09:15

vapalux
probiert CMS/ms aus
Registriert: 28. September 2011
Beiträge: 63

Webseite richtig auf dem iPad anzeigen

Hallo,

ich verwende das Template 'CMS-Times // The CMS-Times + News'
und habe die CMS Made Simple -Version 1.11.10

Da ich hier ein Lago anzeigen möchte, habe ich dieses links positioniert

{process_pagedata}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{sitename} - {title}</title>
{metadata}
{cms_stylesheet}
</head>

<body>
<div id="wrapper">

  <div id="center">
  <div id="logo"><img src="http://webseitenname.de/uploads/images/rosenetzki.png"></div>
  <div id="head">{cms_selflink dir="start" text="$sitename"}</div>
  <div id="menu">
    {menu template="CMS-Times // cssmenu_ulshadow"}
  <!-- <div id="serach">{search searchtext="null"}</div> -->

  </div>
  <div id="content">
    <p class="h1home">{title}</p>
        {content}
  </div>
 
  <div id="news">
        {news number='3' detailpage='news'}
  </div>

  <div id="bottom">
    <div id="pfad">
     {breadcrumbs starttext='' root='Home' delimiter=' » '}
    </div>
    <div id="options">
      {print script=true}
    </div>
  </div>
</div>
</div>
</body>
</html>


Im Stylesheet steht

#logo {
       position:absolute;
       top:0;
       left: -180px;
       
}

Schaue ich mir die Seite auf meinem iPad Mini an, sehe ich das Logo nicht sad

Ich weiß, dass es mit der festgelegten Breite width: 900px; zu tun haben muss, habe aber leider überhaupt keine Ahnung
was ich da jetzt ändern muss.

width: 900px;  kommt auch sehr oft im zugehörigen Stylesheet vor.

Könnt ihr mir bitte helfen?

Danke Vapalux

Beitrag geändert von vapalux (19. Juni 2014 09:50)

Offline

#2 19. Juni 2014 11:23

Andynium
Moderator
Ort: Dohna / SN / Deutschland
Registriert: 13. September 2010
Beiträge: 7.018
Webseite

Re: Webseite richtig auf dem iPad anzeigen

Ohne die komplette CSS, oder noch besser, einen Link wird dir hier niemand weiter helfen können.

Die gepostete CSS sagt nix anderes, als das du den div Block "Logo" 180 Pixel nach links rückst.

1. Wie bekomme ich hier schnelle Hilfe?
2. HowTo: Fehlersuche bei CMS/ms

Offline

#3 19. Juni 2014 12:24

vapalux
probiert CMS/ms aus
Registriert: 28. September 2011
Beiträge: 63

Re: Webseite richtig auf dem iPad anzeigen

hier das zugehörige Stylesheets

* {
    margin: 0px;
    padding: 0px;
    font-family: Corbel, Arial, Helvetica;
}
body {
    behavior:url(/cmssimple/uploads/CMS-Times/csshover.htc);
    background-color: #fff;
<!--    background-image: url(/cmssimple/uploads/CMS-Times/bg.jpg); -->
    background-repeat: no-repeat;
    background-position: center top;
}
#center {
    position:relative;
        width: 900px;
    margin-right: auto;
    margin-left: auto;
}

#NewsPostDetailReturnLink{
        margin-top: 10px;
}

#rahmen {
       position:absolute;
       top:122px;
       margin-left: 280px;
}

#mir {
       position:absolute;
       top:50px;
       margin-left: 745px;
}

#fb {
       position:absolute;
       top:50px;
       right:0px;
}
#logo {
       position:absolute;
       top:0;
       left: -180px;
       
}
#stext {
       position:absolute;
       top:60px;
       font-size:19px;
       color: #4A4A4A;
       font-family: "Adobe Garamond Pro", Garamond, Cambria, "Times New Roman", serif;
}
#head {
    margin-top: 35px;
    margin-left:200;
    padding-bottom: 25px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
}
#head a {
    font-family: Corbel,Arial,Helvetica;
    font-size: 38px;
    font-style: normal;
    color: #333333;
    text-decoration: none;
    text-align:center;
}
#menu {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #FFFFFF;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
    float: left;
        width: 100%;

}

#menuwrapper {
    float: left;
}


/* -- Remove comment if you use the search module */
/*
#search {
    float: right;
    text-align: right;
    font-size: 28px;
padding-right: 10px;
}
.search-input {
    font-family: "Adobe Garamond Pro", Garamond, Cambria, "Times New Roman", serif;
    font-size: 18px;
    height: 25px;
    width: 130px;
    margin-top: 10px;
    background-color: #DBDBDB;
    border: 1px solid #CCCCCC;
    color: #666666;
float: right;
}
.search-button, #search label{
    display: none;
}
*/


/* -- --*/
#content {
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #FFFFFF;
    float: left;
    list-style-position: inside;
    padding:0px 0px 10px 0px;
   width: 100%;

}
#content li {
    color: #4A4A4A;
    list-style-position: outside;
    margin-left: 30px;
    margin-bottom: 2px;
    font-family: Corbel, Arial, Helvetica;
    font-size: 14px;
}
#content img {
    padding: 1px 0 0 0;
    text-align: center;
    margin-left: 1px;
    margin-bottom: 1px;
}

.video-container {
float: left;
width: 50%;
}


/* -- --*/

#bottom {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #FFFFFF;
    float: left;
    padding-top: 5px;

}

#pfad a {
    color: #ffffff;
    text-decoration: none;
}
#options {
    font-size: 12px;
    color: #999999;
    float: right;
    width: 230px;
    text-align: right;
    margin: 0px;
    padding: 0 10px 0 0;
}
#options  a  {
    color: #999999;
    text-decoration: none;
    text-align: right;
    margin: 0px;
    padding: 0px;
}
#options p {
    font-size: 12px;
    color: #999999;
    text-decoration: none;
    text-align: right;
    margin: 0px;
    padding: 0px;
}

#pfad {
    font-size: 12px;
    color: #ffffff;
    padding-top: 0px;
    float: left;
    padding-left: 200px;
    width: 650px;
}
#pfad  p {
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
}

#pfad a:hover, #options a:hover{
    color: #333333;
}



/* -- News Module -- */
#news {
    margin-right: auto;
    margin-left: auto;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #FFFFFF;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCCCCC;
    float: left;

}
div.NewsSummaryMorelink a{
color: #4A4A4A;
}
/*
div.NewsSummaryMorelink {
       position: absolute;
       top: 650px;
}
*/
div.NewsSummary{
    padding-left:10px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right:10px;
    width: 205px;
    float:left;
    color: #4A4A4A;

}
div.NewsSummaryLink a{
    color: #333333;
    font-size: 22px;
    text-decoration: none;

}
ul.list1{
    display: none;
}
div.NewsSummaryPostdate, div.NewsSummaryCategory, div.NewsSummaryAuthor {
    display: none;
}

/* -- Text -- */
p  {
    font-family: Corbel, Arial, Helvetica;
    font-size: 14px;
    color: #4A4A4A;
    line-height: 18px;
    text-align: justify;
    padding: 5px 0 5px 0;
}
h1 {
    font-size: 22px;
    padding-top: 15px;
    color: #333333;
    font-weight: bold;
    padding-bottom: 5px;
}
h2 {
    font-size: 18px;
    padding-top: 10px;
    color: #333333;
    font-weight: bold;
    padding-bottom: 5px;
}
h3 {
    font-size: 16px;
    padding-top: 10px;
    color: #333333;
    font-weight: bold;
    padding-bottom: 5px;
}
.h1home {
    font-size: 28px;
    margin-top: 1px;
    margin-bottom: 1px;
    color: #333333;
    font-weight: normal;
    padding-bottom: 1px;
}

IMG {border:0px;}

Offline

Seiten: 1


Fußzeile des Forums

Powered by FluxBB