ie / firefox problem, unterschiede nicht einheitlichbar

ToxSox · #1 (**permalink**) 28.10.2004, 00:38

also im grunde geht es darum das ich ne Page für nen Clan mache, und gerade ein Problem habe.

Auf der Seite:
http://kn29.tsojka.com/news.php

sitzt im Firefox die Menüleiste richtig und im IE ca. 3px zu tief. Was hab ich falsch gemacht? Warum ist das so?

Code:

news.php:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>#g0zuSports</title>
	<link rel="STYLESHEET" type="text/css" href="screen_style.css">
	<style type="text/css">.news_entry {
								width: 95%;
								border: 1px solid #000000;
								padding-bottom: 1px;
								padding-left: 0px;
								padding-right: 1px;
								padding-top: 1px;
							}
							.news_text {
								padding-left: 3px;
								display: inline;
								margin-left: 3px;
							}
	</style>
</head>

<body>
<div id="tsojka">
	<div id="header">
	</div>
	<div id="menu01">
		[img]grafix/menu/01_news.gif[/img]
	</div>
	<div id="menu02">
		[img]grafix/menu/02_roster.gif[/img]
	</div>
	<div id="menu03">
		[img]grafix/menu/03_wars.gif[/img]
	</div>
	<div id="menu04">
		[img]grafix/menu/04_downloads.gif[/img]
	</div>
	<div id="menu05">
		[img]grafix/menu/05_server.gif[/img]
	</div>
	<div id="menu06">
		[img]grafix/menu/06_awards.gif[/img]
	</div>
	<div id="menu07">
		[img]grafix/menu/07_contact.gif[/img]
	</div>
	<div id="content">
		<div id="content_text">
			<div class="news_entry">
				<div class="news_text">
					ESL UTCL I Finale: fnatic vs. mouz
				</div>
				[img]grafix/layout/line.gif[/img]
			<div class="news_text">
				text
			</div>
			[img]grafix/layout/line.gif[/img]
			<div class="news_text">
				written on: 27.10.2004 by ToxSox
			</div>
		</div>
	</div>
	<div id="footer"></div>
	</div>
</div>
</body>
</html>

Code:

screen_style.css:

body {
	height: 100%;
	background-color: #3D3D3D;
	margin: 0;
	padding: 0;
}
#tsojka {
		width: 100%;
		margin: 0 auto 0 auto;
		height: 100%;
}
#header {
	top: 0px;
	left: 0px;
	background-image: url(grafix/layout/header.jpg);
	width: 580px;
	height: 85px;
	position: absolute;
}
#menu01 {
	top: 85px;
	left: 0px;
	width: 58px;
	height: 12px;
	position: absolute;
	display: block;
	line-height: 12px;
}
#menu02 {
	top: 85px;
	left: 58px;
	width: 83px;
	height: 12px;
	position: absolute;
	display: block;
	line-height: 12px;
}
#menu03 {
	top: 85px;
	left: 141px;
	width: 65px;
	height: 12px;
	position: absolute;
	display: block;
	line-height: 12px;
}
#menu04 {
	top: 85px;
	left: 206px;
	width: 112px;
	height: 12px;
	position: absolute;
	display: block;
	line-height: 12px;
}
#menu05 {
	top: 85px;
	left: 318px;
	width: 83px;
	height: 12px;
	position: absolute;
	display: block;
	line-height: 12px;
}
#menu06 {
	top: 85px;
	left: 401px;
	width: 84px;
	height: 12px;
	position: absolute;
	display: block;
	line-height: 12px;
}
#menu07 {
	top: 85px;
	left: 485px;
	width: 95px;
	height: 12px;
	position: absolute;
	display: block;
	line-height: 12px;
}
#content {
	top: 97px;
	left: 0px;
	width: 579px;
	height: auto;
	background-color: #FAFAFA;
	position: absolute;
}
#content_text {
	padding-left: 5px;
	padding-right: 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-top: 10px;
}
#footer {
	position: relative;
	height: 59px;
	width: 580px;
	background-image: url(grafix/layout/footer.gif);
}

ToxSox · #2 (**permalink**) 28.10.2004, 01:06

habs nun mit

Code:

* html #menu01 {
   margin-top: -3px;
  } 
* html #menu02 {
   margin-top: -3px;
  } 
* html #menu03 {
   margin-top: -3px;
  } 
* html #menu04 {
   margin-top: -3px;
  } 
* html #menu05 {
   margin-top: -3px;
  } 
* html #menu06 {
   margin-top: -3px;
  }
* html #menu07 {
   margin-top: -3px;
  }

hinbekommen das es geht.

Anderes Problem der text in den news, die erste zeile fängt mit nem pading an aber die nachfolgenden Zeilen ned. Wie kieg ich das hin?

magick · #3 (**permalink**) 28.10.2004, 15:34

text-indent

ToxSox · #4 (**permalink**) 28.10.2004, 16:11

ne das bringts ned...
http://kn29.tsojka.com/news.php

andir · #5 (**permalink**) 28.10.2004, 16:24

Das ist doch deine alte Lösung

Was willst Du? Dass der ganze Text eingerückt ist? Oder doch nur die erste Zeile? Dafür nimmt man besser ein <p class=irgendwas> und lässt da einen text-indent laufen.

z.B.

Code:

 .einzug {
margin: 0;
padding: 0;
text-indent: 1em; /* oder 3px oder irgendwas*/
}

HTML:

<p class="einzug">Hier kommt der News-text rein

Dann wird nur die erste Zeile eingezogen.

Ansonsten mach ein padding-left von drei px und schmeiß dein display: inline raus. Was willst Du damit? Wenn Du willst, dass sich dein div anschmiegt, gib ihm margin und padding 0 mit.

andir[/code]

ToxSox · #6 (**permalink**) 28.10.2004, 22:33

Zitat:

Zitat von andir

Ansonsten mach ein padding-left von drei px und schmeiß dein display: inline raus. Was willst Du damit? Wenn Du willst, dass sich dein div anschmiegt, gib ihm margin und padding 0 mit.

andir[/code]

jo das ist was ich falsch hatte danke

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[CSS] ::first-line im Firefox = Problem?	Frokuss	CSS	4	03.03.2020 08:17
Problem mit Divs in Firefox	saintniclas	(X)HTML	4	04.08.2007 18:13
[CSS] Firefox Problem	recreation-studios	CSS	5	21.06.2007 22:31
Problem mit Firefox: erzeugt ungewollten Abstand (margin oder padding)	braindead	CSS	6	07.09.2006 20:34
Problem mit dem Firefox und Boxen nebeneinander	Thomas Raschen	CSS	1	06.05.2006 10:33