Lücke zwischen 2 Tabellen

[GENESIS2005]

Hehe weißte auch warum?

Wir haben die Border noch vergessen und die is 1px auf jeder seite also 2px insgesamt^^.
Also sinds dann 148px daunten . Ich probiers gleich mal aus.

 

[Dr Dau]

Am Border liegt es nicht.... den habe ich einfach mal auf 5px gesetzt, dass wirkt sich auf alle Browser aus.

Die 170px am Ende sind schon richtig so.

 

[GENESIS2005]

Dann hab ich nur eine ganz bescheidene Frage...

Wieso sieht das dann so, siehe Anhang, aus?

Irgendwie voll unerklärlich. Hat das was mit Quirks-Modus oder sowas zu tun. Bin ratlos.

 

[Maik]

Was soll uns denn der IE-Screenshot sagen / zeigen

Anmerkung: das Menü ist (bei mir) in allen getesteten Browsers 172px breit. Da der IE 6.0 den Rahmen zur Weite addiert (170px + 2*1px), läuft deine Seite auch nicht im Quirks-Mode ;-]

• Browsercheck: FF 1.0.2, IE 6.0, MOZ 1.6, NN 7.0, OP 7.23

 

[GENESIS2005]

Ich bin verwirrt, ich weiß gar nicht wie man den quirks modus einstellt^^... ich weiß nur das der firefox das ganze richtig anzeigt... 170px... und der IE nicht, der macht das ganze zu breit... das sollte der screenie eigentlich zeigen, da dr.dao meine bei ihm sehe es normal aus^^.

 

[Dr Dau]

Tja, wie gesagt, bei mir ist das Menü im IE5.5 und IE6.0 schmäler als wie in Mozilla/Opera.
Und wenn ich mir dein Screenshot ansehe, muss ich sagen dass das Menü bei dir im IE breiter ist, als bei mir, in welchem Browser auch immer.

Evtl. sollte ich noch sagen dass ich Win2000/SP4 laufen habe, aber eigentlich dürfte dass nur eine untergeordnete Rolle spielen.

 

[Maik]

Zur Erläuterung: diese CSS-Variante deiner Seite habe ich in den o.g. Browsers getestet:

/* Allgemeine Styles */

body.body-style
{
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	background-color: #FFF;
	color: #000000;
}

img.img-banner
{
	width: 800px;
	height: 100px;
	border: 1px solid #000;
	border-top: 0px solid #000;
}

div.div-banner
{
	width: 1000px;
	text-align: center;
}

div.div-navi
{
	width: 170px;
	position: absolute;
	margin: 10px 0px 0px 10px;
	padding: 0px;
	float: left;
	border: 1px solid #000;
	border-bottom: 0px solid #000;
}

ul.ul-navi
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul.ul-navi li
{
	display: inline;
}

a.a-headlines
{
	display: block;
	line-height: 22px;
	padding-left: 20px;
	
	background-image: url(../bilder/navihead.jpg);
	background-repeat: repeat-x;
	border-bottom: 1px solid #000;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

a.a-headlines:hover
{
	color: #FFFFFF;
}

a.a-lines
{
	display: block;
	line-height: 15px;
	padding-left: 20px;
	
	background-color: #E5E5E5;
	border-bottom: 1px solid #000;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

a.a-lines:hover
{
	color: #FFFFFF;
	background-color: #666666;
}

* html a.a-headlines, * html a.a-lines
{
	width: 100%;
}

* html div.div-navi
{
	width: 150px;
}

Was den Quirks-Mode betrifft, so empfehle ich dir CSS4You.de | Doctype-Switch.

 

[GENESIS2005]

Ich habe meine Seite nun als XHTML 1.0 Strict + URI definiert.
Nun laufen alle Browser im Standart Modus... Bei mir wird das ganzemit weit mehr als 170px angezeigt.
D.h. ich muss daunten auf 148px stellen um auf 170px zu kommen...

Wie siehts nu bei euch aus?

 

[Dr Dau]

IE5.5 und 6.0 sind gleich....

 

[GENESIS2005]

Also der Opera, Mozilla und Netscape ist genauso wie bei dir... der IE ist bei mir irgendwie größer... hab das mal nun etwas anders gemacht und nicht mehr dem Div element die breite gegeben sondern dem Ul Element jetzt ist alles bei mir gleich...