Willkommen in der Webstatt
User-1 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?
User-2 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* :)

User-1 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?

User-3 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, xyz-118...der sich später (bei korrektem link) bestimmt nochmal meldet :)

User-4 am 02.03.06 14:23

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

User-3 am 02.03.06 17:01

xyz-82f 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, xyz-118

User-1 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?

User-3 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 - xyz-118.

User-1 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

User-3 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ß, xyz-118

User-1 am 03.03.06 13:10

Quote
Original von xyz-118
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ß, xyz-118


margin left, im ff funktionierts, ie zerhauts vollkommen

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

User-3 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ß, xyz-118

User-1 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