Willkommen in der Webstatt Zum Webstatt Blog und Stories
Christian am 02.03.06 11:35

FF und Opera zeigens gut an, ie wieder mal nicht.
Es geht um die homepage fosbos-community.de und da um den schatten unter den einzelnen menü boxen

im ie siehts so aus:

[img]http://sucker.sheep24.de/upload/cssprob.gif[/img]

da soll aber kein platz zwischen sein

hab eigentlich schon folgendes deklariert:

* {
padding: 0;
margin:0;
}

jemand ne ahnung?

netcup.de Warum gibt es hier Werbung?
Julian am 02.03.06 11:39

Zeig doch mal den Code dazu. Ist das mit Boxen, Tabellen oder Listen aufgebaut?

Wenn du Rahmen angibst nimmt es auch Einfluß auf die gesamte Breite ... Vielleicht liegt da der Fehler.
*willcodesehen* :)

Christian am 02.03.06 11:48

strg + u ^^

ansonsten:

<div id="aktuelles"> <img src="img/gbheadaktuelles.gif" width="145" height="16" alt="" />
<ul>
<li><a href="?go=start&amp;sec=1">Neuigkeiten</a></li>
<li><a href="?go=terminkalender&amp;sec=1">Terminkalender</a></li>
<li><a href="?go=faq&amp;sec=1">F.A.Q.</a></li>
<li><a href="?go=parties&amp;sec=1">Partys</a></li>
<li><a href="?go=kinoprogramm&amp;sec=1">Kinoprogramm</a></li>
</ul>
<img src="img/menuboxbott.gif" width="145" height="7" alt="" /> </div>


die meisten css-angaben dazu:

#menu {
position: relative;
float: left;
width: 145px;
height: auto;
padding-left: 5px;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 0px;

}
#menu ul{
list-style: none;
margin: 0;
padding: 0;
}

#menu ul li{
margin: 0;
padding: 0;
}

#menu ul a{
display: block;
height: 18px;
color: #000;
text-decoration: none;
font-family: Tahoma;
font-size: 11px;
}
#menu ul a:link,
#menu ul a:visited,
#menu ul a:active{
padding-left: 5px;
}
#menu ul a:hover{
padding-left: 10px;
}

#aktuelles{
background-image: url(../img/aktuellesbg.gif);
background-repeat: repeat-y;
}




[SIZE=16]Noch ein prob[/SIZE]
Wie schaffe ich es, dass der ie Rahmen anzeigt, auch wenn die Tabelle nicht bzw nur ein leerzeichen enthält?

leo am 02.03.06 14:09

wie du sehen kannst, wird dein hintergrund von #aktuelles nochmal (also zu viel) y-wiederholt.
hmm evtl ist irgendwas zu groß oder zu viel padding...

jedenfalls geht http://fosbos-community.de/ nicht?!

greets, leo...der sich später (bei korrektem link) bestimmt nochmal meldet :)

milahu milahu am 02.03.06 14:23

http://www.fosbos-community.de/ funzt.

leo am 02.03.06 17:01

hmpf auf die idee kam ich nicht ;) danke
spontan würd ich auf die falsche interpretierung von height auto von #menu tippen.

zusätzlich mal die tollen validator meldungen beachten.

greets, leo

Christian am 03.03.06 11:43

hm mal schaun was ich machen kann

jetzt aber noch ein paar mehr probleme:

1. Wie schaff ich es, dass bei leeren zellen im ie trotzdem der rahmen angezeigt wird?
Wird wohl auf dieser seite besonderst deutlich: http://www.fosbos-community.de/index.php?go=lehrer&sec=3

2. Wenn man eine kleinere Auflösung als 1024*786 hat wird die content box unter der navi angezeigt

#content {
position:relative;
float: right;
width: 80%;
background-image: url(../img/shadowright.gif);
background-repeat: repeat-y;
background-position: right;
padding: 5px 25px 15px 10px;
}

#menu {
position: relative;
float: left;
width: 145px;
height: auto;
padding-left: 5px;
margin-top: 0px;
margin-bottom: 10px;
margin-left: 0px;
}


€ was ist eigentlich diese vordergrund/hintergrundfarbe immer?

leo am 03.03.06 12:49

Quote
Original von Sucker
1. Wie schaff ich es, dass bei leeren zellen im ie trotzdem der rahmen angezeigt wird?
Wird wohl auf dieser seite besonderst deutlich: http://www.fosbos-community.de/index.php?go=lehrer&sec=3

spontan:
einfach irgendeinen inhalt in die zelle schreiben, zB &nbsp; oder sowas.
mir is der fehler noch nie untergekommen...komisch eigentlich.

Quote
Original von Sucker
2. Wenn man eine kleinere Auflösung als 1024*786 hat wird die content box unter der navi angezeigt

das liegt ganz einfach an deinen angaben der breite.
dein #content mit einer relativen breite 80%
und
#menu mit 145px

kleines rechenbeispiel:
auflösung 800x600 zB
hat das browserfenster ungefähr 800px breite, 80% davon abgezogen sind noch 160px übrig. dann hast du noch dein 10px margin von #site an beiden seiten.
also 160px - 20px = 140px
und das ist kleiner als dein menu ist, da kriegen sich die angaben in die haare,.
mal ausprobieren: schenk dir einfach die breitenangabe für div#content.

Quote
Original von Sucker
€ was ist eigentlich diese vordergrund/hintergrundfarbe immer?

meinst du bei dem css validator?
die meldungen kannst du eigentlich getrost vernachlässigen, wenns dich doch stört folgender vorschlag:
den elementen color: bzw background-color: inherit geben. somit "erben" sie von ihren elternelement (kann auch falsch sein :D)...
alternativ kannst du auch deinem universal-selektor * diese definitionen auf den weg geben.

hoffe ich konnt dir helfen, greeets - leo.

Christian am 03.03.06 12:55

1. verdammt, dachte das hätte ich schon längst gemacht :\
danke ;)

2. wenn ich bei #content keine breite angeb, wird er irgendwie standartmäßig unter dem menü angezeigt mit 100% breite

3. k

leo am 03.03.06 12:57

stimmt, also nochmal folgenden vorschlag

float: right; bei div#content weg
nur menu left floaten
dafür div#content margin-right: 170px oder so geben.

gruß, leo

Christian am 03.03.06 13:10

Quote
Original von leo
stimmt, also nochmal folgenden vorschlag

float: right; bei div#content weg
nur menu left floaten
dafür div#content margin-right: 170px oder so geben.

gruß, leo


margin left, im ff funktionierts, ie zerhauts vollkommen

http://www.fosbos-community.de/index.php?go=lehrer&sec=3

leo am 03.03.06 21:25

jaja der IE ;)
evtl hast du das tolle hasLayout problem - sieht so spontan gesagt sogar sehr danach aus.

binde per conditional comments oder sonstwas zu meiner vorherigen lösung noch folgendes ein:

div#content {
height: 0;
}

kannst alternativ auch andere hacks für den IE benutzen, ist aber IMO die beste möglichkeit NUR dem IE werte mitzugeben.

gruß, leo

Christian am 04.03.06 17:05

jea, funktioniert prima

danke :)

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt