Problem beim Positionieren

guidoi · #1 (**permalink**) 17.06.2005, 09:46

Hallo Leute,

ich hab irgendwie ein generelles Problem beim Positionieren von Elementen und erzeugen von Abständen. Hab schon alles mögliche versucht. Schaff es nicht, die grafik unter der navi um 20px sauber nach unten zu verfrachten.
Im Firefox bleibt diese immer an der gleichen Stelle odser zerhaut mein Layout.

Vielleicht hab ich ja auch hier völligen Müll fabriziert? Hab mir css-praxis besorgt und bin fleissig am üben

aber gut ding braucht weil

danke für eure hilfe
gido

guidoi · #2 (**permalink**) 17.06.2005, 09:48

upps. wo denn?

unter www.gioland.de/gidografie.htm

sory

guidoi · #3 (**permalink**) 17.06.2005, 09:54

auh mann

www.gidoland.de/gidografie.htm

t´schuldigung

ulle · #4 (**permalink**) 17.06.2005, 09:58

http://www.xhtmlforum.de/viewtopic.php?t=1399

hannes-n · #5 (**permalink**) 17.06.2005, 10:00

sieht doch gut aus, kannst du das prob evtl genauer beschreiben? oder code posten .. oder so.

guidoi · #6 (**permalink**) 17.06.2005, 10:05

hier ist die html-datei..

<body>

<div id="container">
<div id="logo"></div>
<div id="teaserpromo"></div>
<div id="navcontainer">
<div id="teaserhome"></div>
<ul id="navlist">
<li class="first">neues[*]termine
<li id="active">gidografie[*]band[*]media[*]links[*]gäste[/list]</div>
<div id="container_content">
<div id="fanbanner"></div>

<IFRAME id=rsiframe
style="width: 330px; height: 400px" name=rsiframe marginwidth=0 marginheight=0
src="http://www.gidoland.de/gidografie_dateien/grafie_holder.html"
frameborder=0></IFRAME>
</div></div>

und die css-datei...

body {
margin: 0; padding: 0;
background: #fff8da;
background-image: url(background.jpg);
background-repeat: repeat-y;
background-position: center;
text-align: center;
}

/*** layout ***/
* {
padding: 0px;
margin: 0px;
}

a:link {
color: black;
}
a:active {
color: black;
}
a:visited {
color: black;
}
a:hover {
color: black;
}

#container {
display: block;
margin: 0 auto; margin-top: 20px; padding: 0;
width: 340px;
height: 270px;
}

#container_content {
display: block;
margin: 0; padding: 0;
width: 340px; height: 200px;
}

#logo {
float: left;
margin-bottom: 10px; padding: 0;
width: 93px; height: 42px;
background-image: url(logo_gido.gif);
background-repeat: no-repeat;
background-position: center;
}

#teaserpromo {
float: right;
width: 129px; height: 24px;
margin-bottom: 26px; padding: 0px;
background-image: url(teaser_promo.jpg);
background-repeat: no-repeat;
background-position: center;
border: 1px dashed #C7B398;
}

#teaserhome {
clear: both;
width: 340px; height: 168px;
margin-bottom: 10px; padding: 0;
background-image: url(teaser_couch.jpg);
background-repeat: no-repeat;
background-position: center;
text-align: center;
}

/*** text settings ***/
#navcontainer {
clear: both;
}

#navlist {
list-style-type: none;
margin: 0; padding: 0;
text-align: left;
}

#navlist a {
text-decoration: none;
font: normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#navlist li {
float: left;
border-left: 1px dashed #C7B398;
padding: 0 0.3em;
padding-bottom: 1px;
}

#navlist li.first {
border-left: none;
}

#navcontainer ul li a:hover {
color: #C7B398;
}

#navcontainer a:active {
color: #000000;
}

#navcontainer li#active a {
border: 1px solid #850311;
color: #850311;
padding: 1px;
}

#fanbanner {
display: block;
margin: 0; padding: 0;
width: 340px; height: 36px;
background-image: url(../gidografie_dateien/logo_fans_brown.gif);
background-position: left;
background-repeat: no-repeat;
}

Swoop · #7 (**permalink**) 17.06.2005, 10:56

und wo liegt das problem?

guidoi · #8 (**permalink**) 17.06.2005, 11:57

hallo shibby,

wie gesagt möchte ich zwischen grafik und navi-leiste einen abstand (10 oder 20px) erzeugen und bekomme es nicht sauber hin. ich möchte nun wissen wie und ob mein aufbau an sich umständlich oder aber korrekt ist.

dank für eure hilfe
gido

guidoi · #9 (**permalink**) 17.06.2005, 12:42

hallo !

kann mir irgendwer helfen. wäre echt prima

danke
gido

mazzo · #10 (**permalink**) 17.06.2005, 13:08

Zitat:

Zitat von gido

hallo shibby,

wie gesagt möchte ich zwischen grafik und navi-leiste einen abstand (10 oder 20px) erzeugen

dann nehme entweder margin für das Element, was den Abstand zum Elternelement haben soll oder padding für das Elternelement, welches das "abstehende" Element beinhaltet.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Problem bei CSS Grundlayout	DasSauerkraut	CSS	0	10.08.2009 21:35
Bilder im div mit float positionieren	henmey	CSS	4	25.01.2009 01:53
Großes Problem mit Positionieren von DIVs (bzw. background-images)	luzero	CSS	15	20.08.2006 14:10
Problem: IE versteckt Text & Feedback	Herbi	CSS	2	11.08.2006 14:39
Problem mit Background-Color im FireFox	to.ni	CSS	2	31.08.2004 11:13