zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Merkwürdiges verschieben der Container

Antwort
 
LinkBack Themen-Optionen Ansicht
  #11 (permalink)  
Alt 22.10.2005, 18:26
Benutzerbild von sveniboy
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.03.2005
Beiträge: 63
sveniboy befindet sich auf einem aufstrebenden Ast
Standard Re: Merkwürdiges verschieben der Container

Zitat:
Zitat von fricca
Zitat:
Zitat von sveniboy
Wenn ich nun meine Site mit einer weiteren .box1 versehe, verschiebt sich das gesamte Layout um einige Pixel nach links.
Dein Problem lässt sich mit dem geposteten Quelltext nicht nachvollziehen.
Erstelle einen auf das Problem reduzierten Testcase.
Was ist denn ein Testcase? Der Code ist doch gegliedert. Ich denke zum Analysieren benötigt man den gesamten Quelltext...
Mit Zitat antworten
Sponsored Links
  #12 (permalink)  
Alt 22.10.2005, 18:44
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard Re: Merkwürdiges verschieben der Container

Zitat:
Zitat von sveniboy
Was ist denn ein Testcase?
http://www.xhtmlforum.de/viewtopic.php?t=1399

Zitat:
Ich denke zum Analysieren benötigt man den gesamten Quelltext...
Nein, man benötigt einen Quelltext, mit dem das Problem erkennbar ist.
Das ist bei deinem obigen Code nicht der Fall. Es fehlen vermutlich wesentliche Teile des CSS.
Mit Zitat antworten
Sponsored Links
  #13 (permalink)  
Alt 22.10.2005, 18:49
Benutzerbild von sveniboy
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.03.2005
Beiträge: 63
sveniboy befindet sich auf einem aufstrebenden Ast
Standard

@fricca:
Hast recht...ein Teil der CSS fehlt und zwar die von meinem Template...hier ist sie
Code:
/*Heides Frisurenstudio Grundlayout*/
#container {
	border: thin solid red;
	position: absolute;
	left: 50%;
	margin-left: -260px;
	margin-top: 140px;
	width: 635px;
	height: 450px;
}

body {
	background-image: url(../bilder/brown2.jpg);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: black;
	text-align: center;/*wird für die Ausrichtung des Containers benötigt*/
}

#kopf {
	background-image: url(../logo/logo-heidi-var7.jpg);
	width: 740px;
	height: 135px;
	border: thin solid Blue;
	margin: auto;
	text-align: center;
	/*background-image: url(../logo/logo-heidi-var6.jpg);
	width: 770px;
	height: 135px;
	border: thin solid Blue;
	margin: auto;
	text-align: center;*/
	}

#navcontainer {
	border: thin;
	border-color: Lime;
	border-style: solid;
	list-style-type: none;
	width: 120px;
	left: 50%;
	margin-left: -385px;
	margin-top: 5px;
	padding: 0;
	position: absolute;
	left: 50%;
}

ul.buttons {
	list-style-type: none;
	margin: 0;
	padding-left: 0;
}

li .a1 {
	background-image: url(../buttons/small/button-uv2.png);
	background-repeat: no-repeat;
	width: 120px;
	height: 45px;
}

li .a2 {
	margin: 0;
	background-image: url(../buttons/small/button-uv2.png);
	background-repeat: no-repeat;
	width: 120px;
	height: 45px;
}

li .a3 {
	margin: 0;
	background-image: url(../buttons/small/button-uv2.png);
	background-repeat: no-repeat;
	width: 120px;
	height: 45px;
}

li .a4 {
	margin: 0;
	background-image: url(../buttons/small/button-uv2.png);
	background-repeat: no-repeat;
	width: 120px;
	height: 45px;
}

li .a5 {
	margin: 0;
	background-image: url(../buttons/small/button-uv2.png);
	background-repeat: no-repeat;
	width: 120px;
	height: 45px;
}

li .a6 {
	margin: 0;
	background-image: url(../buttons/small/button-uv2.png);
	background-repeat: no-repeat;
	width: 120px;
	height: 45px;
}

	li a {
	font-family: Georgia;
	font-style: normal;
	font-weight: bold;
	font-size: 14pt;
	text-align: center;
	vertical-align: middle;
	line-height: 45px;
	display: block;
	color: #000;
	text-decoration: none;
}

/*Anweisung für die Hover-Buttons beim drüberfahren*/
li .a1:hover {
	background-image: url(../buttons/small/button-dv2.png);
	background-repeat: no-repeat;
	width: 120px;
	height: 45px;
	color: Black;
}

li .a2:hover {
	margin: 0;
	background-image: url(../buttons/small/button-dv2.png);
	background-repeat: no-repeat;
	width: 120px;
	height: 45px;
	color: Black;
}

li .a3:hover {
	margin: 0;
	background-image: url(../buttons/small/button-dv2.png);
	background-repeat: no-repeat;
	width: 120px;
	height: 45px;
	color: Black;
}

li .a4:hover {
	margin: 0;
	background-image: url(../buttons/small/button-dv2.png);
	background-repeat: no-repeat;
	width: 120px;
	height: 45px;
	color: Black;
}

li .a5:hover {
	margin: 0;
	background-image: url(../buttons/small/button-dv2.png);
	background-repeat: no-repeat;
	width: 120px;
	height: 45px;
	color: Black;
}

li .a6:hover {
	margin: 0;
	background-image: url(../buttons/small/button-dv2.png);
	background-repeat: no-repeat;
	width: 120px;
	height: 45px;
	color: Black;
}

/*#mailbutton {
	background-image: url(../bilder/mailbutton2.png);
	width: 100px;
	height: 61px;
	position: absolute;
	margin-left: 200px;
	margin-top: 10px;
	padding: 0;
	left: 50%;
	border-color: Green;
	border-style: dashed;
	border-style: solid;
	border-width: thin;
}*/

/*Hier kommt die Tabelle mit den Öffnungszeiten*/
/*Deklaration der gesamten Tabellenbox*/
#oeffzeiten {
	text-align: left;
	border-color: black;
	border-style: solid;
	border-bottom-width: thin;
	border-color: Teal;
	position: absolute;
	left: 50%;
	margin-left: -200px;
	margin-top: 10px;
	width: 300px;
}

/*angabe der Tage*/
#oeffzeit1 {
	border-color: Black;
	border-style: solid;
	border-width: thin;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: Black;
	font-style: normal;
	font-size: 1em;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*Angabe der Zeiten*/
#oeffzeit2 {
	border-color: Black;
	border-style: solid;
	border-width: thin;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: Black;
	font-style: normal;
	font-size: 1em;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
}

/*Text*/
#oeffnungszeiten {
	border-color: Black;
	border-style: solid;
	border-width: thin;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: Black;
	font-style: normal;
	font-size: 1.2em;
	padding: 0;
	margin: 0;
}

/*#box-oeffzeiten {
	border-color: Black;
	border-style: solid;
	border-width: thin;
	position: relative;
}*/

/*Text*/
#termin {
	border-color: Black;
	border-style: solid;
	border-width: thin;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: Black;
	font-style: normal;
	font-size: 1.1em;
	float: left;
}
Ist ist aber die Verwirrung bestimmt noch größer oder?! Ich habe diese mit Absicht weggelassen, da ich vermute, dass mein Prob nichts mit meinem Template zu tun hat
Mit Zitat antworten
  #14 (permalink)  
Alt 22.10.2005, 18:57
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Ahhh!
Wäre es möglich, dass du die Verschiebung meinst, wenn eine Scrollbar auftritt?
http://www.xhtmlforum.de/viewtopic.php?t=1958
Mit Zitat antworten
  #15 (permalink)  
Alt 22.10.2005, 19:14
Benutzerbild von sveniboy
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.03.2005
Beiträge: 63
sveniboy befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von fricca
Ahhh!
Wäre es möglich, dass du die Verschiebung meinst, wenn eine Scrollbar auftritt?
http://www.xhtmlforum.de/viewtopic.php?t=1958
Hey das könnte die Lösung sein! Ich blicke nur bei dieser Diskussion nicht ganz durch, was ich jetzt machen muss Kannst mir noch auf die Sprünge helfen? Ich sitze grad wohl auf einer ganz dicken Leitung
Mit Zitat antworten
  #16 (permalink)  
Alt 22.10.2005, 19:23
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

http://www.xhtmlforum.de/viewtopic.php?p=29352#29352
Mit Zitat antworten
  #17 (permalink)  
Alt 22.10.2005, 19:42
Benutzerbild von sveniboy
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.03.2005
Beiträge: 63
sveniboy befindet sich auf einem aufstrebenden Ast
Standard

Viiiiiiieeeeelen dank Es hat geklappt. Man bin ich froh, dass es solche Profs wie Euch hier gibt....ich hoffe, dass ich mich mal revanchieren kann.
Ich habe jetzt aber noch ein anderes Prob...
Es verschiebt sich um einige Pixel noch das img1 und das pulldo beim IE nach rechts...was ist denn das für ein Phänomen..????
Mit Zitat antworten
Antwort


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
Anfängerfrage: Zentrierung in Galerie und Border-Problem goldbeere CSS 3 04.11.2013 19:07
Container verschieben Loddarkwin CSS 5 23.12.2012 13:09
Positionierung von Container horizontal mayhemtl CSS 9 11.08.2007 15:25
Container nebeneinader, ineinander ohne sich zu verschieben X-Tractor CSS 0 05.12.2005 01:02
Container nimmt nicht die Höhe seines Inhalts an Lestat CSS 10 04.08.2005 13:47


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:13 Uhr.