|
|||
Zu breiter div-Layer
Guten Morgen miteinander,
ich habe gerade ein Problem mit einem div-layer. http://janschuhmacher.info/janschuhmacher/ wenn ich die Seite das erste mal lade wird der "work" bereich horiziontal viel zu breit gezerrt... aktualisiere ich die Seite passiert das gleiche, gehe ich jedoch manuell in die Adresszeile und bestätige mit Enter.. wird das ganze korrekt dargestellt. Hier mal mein CSS-Code Code:
* { margin: 0; padding: 0; } html, body, p, h1 { margin: 0px; padding: 0px; } body { background: #ffffff url(../images/bg.gif) repeat-x; font-family:Arial, Sans-serif; font-size: 13px; color:#5e5e5e; line-height:23px; } a, a:visited { color:#3d6789; text-decoration: underline; } a:hover { text-decoration:none; } h1 { color:#3d6789; font-size:57px; line-height:41px; margin-bottom:33px; } p { margin-bottom:10px; } #about { margin:auto; width:800px; padding-left:71px; margin-top:111px; background: #ffffff url(../images/muster.png) no-repeat; } #portfolio { margin:auto; width:800px; padding-left:71px; margin-top:111px; background: #ffffff url(../images/muster.png) no-repeat; position:relative; } #contact { margin:auto; width:700px; padding-left:71px; margin-top:111px; margin-bottom:80px; background: #ffffff url(../images/muster.png) no-repeat; } #footer { width:100%; height:90px; border-top: #3d6789 solid 2px; background: #ffffff url(../images/footer.png) } #declaration { width:800px; border: #3d6789 solid 1px; padding:5px; background:#FFFFFF; margin:auto; margin-top:17px; } #footer p{ margin:0px; text-align:center; color:#3d6789; } #slider{ border: #3d6789 solid 3px; } .graphic, #prevBtn, #nextBtn{ margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; } #slider img { border:0px; border-bottom: #3d6789 solid 1px; margin-bottom:5px; } #slider ul li p{ margin-left:10px; font-size:11px; line-height:10px; } .tech { color: #3d6789; } #slider ul, #slider li{ margin:0; padding:0; list-style:none; } #slider li{ width:800px; height:300px; overflow:hidden; } #prevBtn, #nextBtn{ display:block; width:14px; height:39px; position:absolute; left:-30px; top:71px; } #prevBtn{ margin-top:130px; margin-left:87px; } #nextBtn{ margin-left:907px; margin-top:130px; } #prevBtn a, #nextBtn a{ display:block; width:14px; height:39px; background:url(../images/button_l.png) no-repeat 0 0; } #nextBtn a{ background:url(../images/button_r.png) no-repeat 0 0; } #contact form { width:400px; color:#FFFFFF; background:#3d6789; padding-left:20px; padding-right:10px; padding-top:20px; } #contact p { line-height:10px; } #contact input { border:1px solid #E6E6E6; width:250px; height:25px; background: url(../images/bg_form.jpg); margin-bottom:20px; line-height:14px; font-size:14px; } #contact textarea { background-color:white; border:0px; margin-bottom:5px; width:250px; background: #ffffff url(../images/bg_form.jpg) repeat-x; } #contact .submit_button { margin-top:20px; margin-right:5px; font-size:12px; background:#ffffff; height: 33px; width: 114px; border: 1px solid #3d6789; } Viele Grüße, Jan Geändert von img (14.05.2009 um 10:49 Uhr) |
Sponsored Links |
|
|||
Hallo img,
folgendes ist Ursache der Darstellung, den Grund kann ich dir jedoch nicht nennen, da ich nicht weiß, womit der variirender Wert berechnet und geschrieben wird. Werte deiner Css-Datei werden an diesem Punkt von inline Css überschrieben. 1. Seitenaufruf via Url: Code:
<div id="slider" style="overflow: hidden; width: 800px; height: 300px;"> [...] </div> Code:
<div id="slider" style="overflow: hidden; width: 1205px; height: 321px;"> [...] </div> w3ksel Nachtrag: Hast du versucht mittels folgendem zu testen, ob der Fehler bleibt, wenn rausragende Elemente "abgeschnitten" werden? Code:
#portfolio { margin:auto; width:800px; padding-left:71px; margin-top:111px; background: #ffffff url(../images/muster.png) no-repeat; position:relative; overflow: hidden; } Geändert von Weksel (14.05.2009 um 15:05 Uhr) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Fragen zu CSS und Joomla | DOKTOR | CSS | 2 | 23.05.2011 20:29 |
Brauche Hilfe: Schwarzes Nichts | Zwox | CSS | 10 | 19.11.2010 17:53 |
Header entfernen | tripple | CSS | 17 | 15.06.2010 16:41 |
Schriftfarbe in den Eintragungsfeldern von jforms | Steveislucky | CSS | 2 | 16.03.2010 11:59 |
CSS Text nebeinander? | carstiee09 | CSS | 13 | 13.11.2009 20:18 |