zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Zu breiter div-Layer

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 14.05.2009, 10:46
img img ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 15.05.2008
Beiträge: 258
img befindet sich auf einem aufstrebenden Ast
Standard 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;
	}
Vielleicht kann mir jemand nen Tip geben, was ich da falsch gemacht habe.
Viele Grüße,

Jan

Geändert von img (14.05.2009 um 10:49 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 14.05.2009, 15:02
Benutzer
neuer user
 
Registriert seit: 15.07.2007
Beiträge: 38
Weksel befindet sich auf einem aufstrebenden Ast
Standard

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>
2. Seitenaufruf zB via refresh
Code:
<div id="slider" style="overflow: hidden; width: 1205px; height: 321px;">
[...]
</div>
Grüße
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)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 14.05.2009, 20:04
img img ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 15.05.2008
Beiträge: 258
img befindet sich auf einem aufstrebenden Ast
Standard

dann werden leider auch direkt die navi-buttons nach links und rechts abgeschnitten

Aber auch hier, gleiches Problem beim Refresh bzw laden via url
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:10 Uhr.