Hallo Community,
ich bin neu hier und hab zum Einstand direkt mal ein Problem, wobei mir vielleicht jemand helfen kann :)
Also es geht um diese Seite: Slideway - Vorsicht Suchtgefahr!
In normaler betrachtung, sollte alles richtig dargestellt werden. Verkleinert man allerdings den Browser, so verschiebt sich der Content Bereich nach links.
Sieht man sich die Seite auf Mobilen Endgeräten an, so wir sie immer mit falscher Content Position dargestellt.
Ich poste euch mal den Code:
(Eigentlich ist es ja asp.net allerdings verwende ich überwiegen HTML Elemente.)
Vielleicht hat ja jemand eine Idee was ich falsch mache.
Vielen Dank schonmal fürs lesen!
Gruß,
egolive
ich bin neu hier und hab zum Einstand direkt mal ein Problem, wobei mir vielleicht jemand helfen kann :)
Also es geht um diese Seite: Slideway - Vorsicht Suchtgefahr!
In normaler betrachtung, sollte alles richtig dargestellt werden. Verkleinert man allerdings den Browser, so verschiebt sich der Content Bereich nach links.
Sieht man sich die Seite auf Mobilen Endgeräten an, so wir sie immer mit falscher Content Position dargestellt.
Ich poste euch mal den Code:
(Eigentlich ist es ja asp.net allerdings verwende ich überwiegen HTML Elemente.)
HTML:
<ul class="headerbereich">
<li class="header"></li>
</ul>
<ul id="menu">
<li class="menustart"></li>
<li class="home"><asp:HyperLink ID="hlMenuHome" runat="server" NavigateUrl="~/default.aspx" style="display:block;width:91px;height:86px;"></asp:HyperLink></li>
<li class="ueberuns"><asp:HyperLink ID="hlMenuUeberUns" runat="server" NavigateUrl="~/ueberuns.aspx" style="display:block;width:129px;height:86px;"></asp:HyperLink></li>
<li class="segway"><asp:HyperLink ID="hlMenuSegway" runat="server" NavigateUrl="~/segway.aspx" style="display:block;width:110px;height:86px;"></asp:HyperLink></li>
<li class="touren"><asp:HyperLink ID="hlMenuTouren" runat="server" NavigateUrl="~/touren.aspx" style="display:block;width:115px;height:86px;"></asp:HyperLink></li>
<li class="galerie"><asp:HyperLink ID="hlMenuGalerie" runat="server" NavigateUrl="~/galerie.aspx" style="display:block;width:113px;height:86px;"></asp:HyperLink></li>
<li class="kontakt"><asp:HyperLink ID="hlMenuKontakt" runat="server" NavigateUrl="~/kontakt.aspx" style="display:block;width:119px;height:86px;"></asp:HyperLink></li>
<li class="menuend"></li>
</ul>
<ul id="platzhalter_und_content_top">
<li class="platzhalter_menucontent"></li>
<li id="ContentTopGrafik" runat="server" class="content_top"></li>
</ul>
<ul id="contentbereich">
<li class="content_space_left"></li>
<li class="content">
<hr style="color: #347fad;background-color: #0077cc;height: 5px;width: 885px;" />
<div class="Content_Text_formatierung">
<asp:ContentPlaceHolder ID="cphSlidewayMasterpage" runat="server">
<!--- Content --->
</asp:ContentPlaceHolder>
</div>
</li>
<li class="content_space_right"></li>
</ul>
<ul id="footer">
<li class="content_footer"></li>
<li class="page_footer"><asp:ImageButton ID="ibImpressumTopGrafik" runat="server" PostBackUrl="~/impressum.aspx" style="width:500px;height:100px;" BorderStyle="None" Visible="True" ImageUrl="~/App_Themes/01/img/leer.png" /></li>
</ul>
HTML:
/* Content Anfang */
#contentbereich {
width:1600px;
padding:0;
margin:0 auto;
list-style-type:none;
}
#contentbereich li {
float:left;
}
.content_space_left {
width:317px;
height:100%;
border:1px;
}
.content {
background-color: #ffffff;
background-image:url(img/content.png);
background-repeat:no-repeat;
width:964px;
height:100%;
}
.content_space_right {
width:319px;
height:100%;
border:1px;
}
.Content_Text_formatierung
{
padding-left:50px;
padding-right:25px;
padding-bottom:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
}
/* Content Ende*/
Vielleicht hat ja jemand eine Idee was ich falsch mache.
Vielen Dank schonmal fürs lesen!
Gruß,
egolive