CSS Problem: Abstand am Anfang weg

Seite 1 von 1 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/css_problem_abstand_am_anfang_weg_200439/page_1 - zur Vollversion wechseln!

fatmike182 schrieb am 08.10.2008 um 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 schrieb am 08.10.2008 um 19:42

mach mal das fehlende " vom style-attribut dazu.

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

fatmike182 schrieb am 08.10.2008 um 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 schrieb am 08.10.2008 um 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 schrieb am 08.10.2008 um 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 schrieb am 08.10.2008 um 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 schrieb am 15.10.2008 um 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 schrieb am 15.10.2008 um 14:11

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

Spikx schrieb am 15.10.2008 um 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>