zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem beim Positionieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 17.06.2005, 09:46
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 20.04.2005
Beiträge: 134
guidoi befindet sich auf einem aufstrebenden Ast
Standard Problem beim Positionieren

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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 17.06.2005, 09:48
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 20.04.2005
Beiträge: 134
guidoi befindet sich auf einem aufstrebenden Ast
Standard

upps. wo denn?

unter www.gioland.de/gidografie.htm

sory
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 17.06.2005, 09:54
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 20.04.2005
Beiträge: 134
guidoi befindet sich auf einem aufstrebenden Ast
Standard

auh mann

www.gidoland.de/gidografie.htm

t´schuldigung
Mit Zitat antworten
  #4 (permalink)  
Alt 17.06.2005, 09:58
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

http://www.xhtmlforum.de/viewtopic.php?t=1399
__________________
</ulle>
Mit Zitat antworten
  #5 (permalink)  
Alt 17.06.2005, 10:00
Benutzer
neuer user
 
Registriert seit: 02.06.2005
Beiträge: 42
hannes-n befindet sich auf einem aufstrebenden Ast
Standard

sieht doch gut aus, kannst du das prob evtl genauer beschreiben? oder code posten .. oder so.
__________________
_meine_ meinung
Mit Zitat antworten
  #6 (permalink)  
Alt 17.06.2005, 10:05
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 20.04.2005
Beiträge: 134
guidoi befindet sich auf einem aufstrebenden Ast
Standard

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;
}
Mit Zitat antworten
  #7 (permalink)  
Alt 17.06.2005, 10:56
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 23.03.2005
Beiträge: 1.033
Swoop befindet sich auf einem aufstrebenden Ast
Standard

und wo liegt das problem?
__________________
Shibby.....

Mein Blog
Mit Zitat antworten
  #8 (permalink)  
Alt 17.06.2005, 11:57
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 20.04.2005
Beiträge: 134
guidoi befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #9 (permalink)  
Alt 17.06.2005, 12:42
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 20.04.2005
Beiträge: 134
guidoi befindet sich auf einem aufstrebenden Ast
Standard

hallo !

kann mir irgendwer helfen. wäre echt prima

danke
gido
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 17.06.2005, 13:08
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.152
mazzo wird schon bald berühmt werden
Standard

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.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 03:12 Uhr.