CSS Problem: Abstand am Anfang weg

fatmike182

Agnotologe

Registered: Oct 2005
Location: VIE
Posts: 4223

08.10.2008 - 19:04

Hallo,
hab ein schwerwiegendes Problem, undzwar:
habe ein horizontales Menü mit ul/li gebaut:

Code: PHP

 
#menubar ul {list-style-type:none;line-height:25px;}
#menubar li {display:inline;}
.
.
.
<div id="menubar" style="width:540px; border:solid 1px #FF0000;>
    <ul>
    	<li><a href="">HOME</a></li>
        <li><a href="">option a</a></li>
        <li><a href="t">option b</span></a></li>
        <li><a href="">option c</a></li>
        <li><a href="">option d</a></li>
        <li><a href="">option e</a></li>
        <li><a href="">option f</a></li>
        <li><a href="">option g</a></li>
    </ul>
    </div>

ich bin davon ausgegangen, dass das Menü am Anfang beginnt -> tut es aber nicht. Auch Padding/margin settings nützen nichts.
Mit position relative & left zu positionieren wäre Pfusch, wie wird das normalerweise gemacht?

Lizardking

Big d00d

Registered: Nov 2004
Location: sogined
Posts: 167

08.10.2008 - 19:42

mach mal das fehlende " vom style-attribut dazu.

padding vom body hast ja sicher auf 0 gesetzt nehm ich mal an?

Bearbeitet von Lizardking am 08.10.2008, 19:49

fatmike182

Agnotologe

Registered: Oct 2005
Location: VIE
Posts: 4223

08.10.2008 - 20:47

das " hab ich überlesen, hab grad davor das padding rausgelöscht wiels eh nix gebracht hat. padding vom body is auf 0, bzw wäre dann ja die schrift nicht eingerükt sondern alles (aja: der rote rand ist auf das div bezogen, steht im style nichtmehr dabei)

Spikx

My Little Pwny

Registered: Jan 2002
Location: Scotland
Posts: 13504

08.10.2008 - 21:56

Muss es unbedingt eine list sein? Soweit ich mich erinnere unterscheiden sich da die margin/padding Verhaltensweisen zwischen den einzelnen Browsern teilweise gravierend. padding:0px und margin:0px bei li auch schon probiert?

fatmike182

Agnotologe

Registered: Oct 2005
Location: VIE
Posts: 4223

08.10.2008 - 22:02

yeppa bei allen Sachen is schon padding/margin drinnen gestanden.
Naja, ul/li is eigentlich standard bei soclhen menüs, von dem her hätt ich mir keine schwierigkeiten erwartet

Spikx

My Little Pwny

Registered: Jan 2002
Location: Scotland
Posts: 13504

08.10.2008 - 22:16

Jo hab ich mir auch immer sagen lassen und dann beim ersten Versuch gleich mal verschmissen, weil die margins im IE ganz anders waren als in den restlichen Browsern

. Hm... vielleicht sollte ich mich nochmal damit spielen, kann ja nicht sein, dass man das nicht anders hinbekommt.

DirtyHarry

aka robobimbo

Registered: Apr 2001
Location: outer space
Posts: 464

15.10.2008 - 14:00

Zitat
<li><a href="t">option b</span></a></li>

Ich nehm mal an, tut nix zur Sache, aber das </span> gehört da aber nicht wirklich rein, oder?

fatmike182

Agnotologe

Registered: Oct 2005
Location: VIE
Posts: 4223

15.10.2008 - 14:11

ow - nein, ist ja eh schon eine Liste.
Wenns ein update gibt meld ich mich

Spikx

My Little Pwny

Registered: Jan 2002
Location: Scotland
Posts: 13504

15.10.2008 - 16:29

Also ich hab das ganze jetzt schnell mal ausprobiert... und durch

Code: PHP

margin:0px; padding:0px;

ist sowohl im IE als auch im FF der linke Abstand weg (margin -> IE, padding -> FF)

Code: PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<body style="margin:0px;">

<ul style="margin:0px; padding:0px;">
	<li style="display:inline;"><a href="#">Link1</a></li>
	<li style="display:inline;"><a href="#">Link2</a></li>
	<li style="display:inline;"><a href="#">Link3</a></li>
</ul>

</body>
</html>

fatmike182 Agnotologe Registered: Oct 2005 Location: VIE Posts: 4223	08.10.2008 - 19:04 Hallo, hab ein schwerwiegendes Problem, undzwar: habe ein horizontales Menü mit ul/li gebaut: Code: PHP `#menubar ul {list-style-type:none;line-height:25px;} #menubar li {display:inline;} . . . <div id="menubar" style="width:540px; border:solid 1px #FF0000;> <ul> <li><a href="">HOME</a></li> <li><a href="">option a</a></li> <li><a href="t">option b</span></a></li> <li><a href="">option c</a></li> <li><a href="">option d</a></li> <li><a href="">option e</a></li> <li><a href="">option f</a></li> <li><a href="">option g</a></li> </ul> </div>` ich bin davon ausgegangen, dass das Menü am Anfang beginnt -> tut es aber nicht. Auch Padding/margin settings nützen nichts. Mit position relative & left zu positionieren wäre Pfusch, wie wird das normalerweise gemacht?
Lizardking Big d00d Registered: Nov 2004 Location: sogined Posts: 167	08.10.2008 - 19:42 mach mal das fehlende " vom style-attribut dazu. padding vom body hast ja sicher auf 0 gesetzt nehm ich mal an? Bearbeitet von Lizardking am 08.10.2008, 19:49
fatmike182 Agnotologe Registered: Oct 2005 Location: VIE Posts: 4223	08.10.2008 - 20:47 das " hab ich überlesen, hab grad davor das padding rausgelöscht wiels eh nix gebracht hat. padding vom body is auf 0, bzw wäre dann ja die schrift nicht eingerükt sondern alles (aja: der rote rand ist auf das div bezogen, steht im style nichtmehr dabei)
Spikx My Little Pwny Registered: Jan 2002 Location: Scotland Posts: 13504	08.10.2008 - 21:56 Muss es unbedingt eine list sein? Soweit ich mich erinnere unterscheiden sich da die margin/padding Verhaltensweisen zwischen den einzelnen Browsern teilweise gravierend. padding:0px und margin:0px bei li auch schon probiert?
fatmike182 Agnotologe Registered: Oct 2005 Location: VIE Posts: 4223	08.10.2008 - 22:02 yeppa bei allen Sachen is schon padding/margin drinnen gestanden. Naja, ul/li is eigentlich standard bei soclhen menüs, von dem her hätt ich mir keine schwierigkeiten erwartet
Spikx My Little Pwny Registered: Jan 2002 Location: Scotland Posts: 13504	08.10.2008 - 22:16 Jo hab ich mir auch immer sagen lassen und dann beim ersten Versuch gleich mal verschmissen, weil die margins im IE ganz anders waren als in den restlichen Browsern . Hm... vielleicht sollte ich mich nochmal damit spielen, kann ja nicht sein, dass man das nicht anders hinbekommt.
DirtyHarry aka robobimbo Registered: Apr 2001 Location: outer space Posts: 464	15.10.2008 - 14:00 Zitat <li><a href="t">option b</span></a></li> Ich nehm mal an, tut nix zur Sache, aber das </span> gehört da aber nicht wirklich rein, oder?
fatmike182 Agnotologe Registered: Oct 2005 Location: VIE Posts: 4223	15.10.2008 - 14:11 ow - nein, ist ja eh schon eine Liste. Wenns ein update gibt meld ich mich
Spikx My Little Pwny Registered: Jan 2002 Location: Scotland Posts: 13504	15.10.2008 - 16:29 Also ich hab das ganze jetzt schnell mal ausprobiert... und durch Code: PHP `margin:0px; padding:0px;` ist sowohl im IE als auch im FF der linke Abstand weg (margin -> IE, padding -> FF) Code: PHP `<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <body style="margin:0px;"> <ul style="margin:0px; padding:0px;"> <li style="display:inline;"><a href="#">Link1</a></li> <li style="display:inline;"><a href="#">Link2</a></li> <li style="display:inline;"><a href="#">Link3</a></li> </ul> </body> </html>`

CSS Problem: Abstand am Anfang weg

Forum Index > Software > Coding Stuff

fatmike182

Lizardking

fatmike182

Spikx

fatmike182

Spikx

DirtyHarry

fatmike182

Spikx