Archief - xHTML: (IE6) Afbeeldingen die hoe verder hoe meer naar onder gaan...

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
D

Desbotar

Legacy Member
Hi

ik ben momenteel aan een site bezig die IE6,7, FF, Opera &amp; Safari compatibel moet zijn. <br><br>Ze is XHTML 1.0 Strict (gevalideerd) en bij CSS validatie geeft het alleen waarschuwingen (allemaal over textkleur en achtergrondkleur die hetzelfde zijn ofzo).

Toch geeft het in IE 6.0 nog de afbeeldingen (de links) in het topmenu als een soort trap weer (ze gaan alsmaar lager enzo).

Hoe kan ik dit oplossen met het XHTML strict te houden?

link naar de website

dank
B

Bram

Legacy Member
ipv van uw images der effectief in te zetten met <im>, zet ze eens als achtergrond van uwen <a>
D

Desbotar

Legacy Member
SveltestSword zei:
ipv van uw images der effectief in te zetten met <im>, zet ze eens als achtergrond van uwen <a>
Klik om te vergroten...

eerst en vooral bedankt voor de reactie

ik heb dit dus gedaan, maar het probleem blijft hetzelfde...
ie6 aligneert de knoppen nu gewoon anders dan oa FF en Opera, maar het blijft een soort trap vormen

hier een voorbeeld van hoe ik het aangepast heb:
(HTML)
Code: 
<ul id="nav">
                <li><a href="#" id="anews"></a></li>
                <li><a href="#" id="abio"></a></li>
                <li><a href="#" id="agigs"></a></li>
                <li><a href="#" id="apics"></a></li>
                <li><a href="#" id="alinks"></a></li>
                <li><a href="#" id="acontact"></a></li>
        </ul>
(CSS)
Code: 
a#anews { 
background-image: url('img/knop_news.gif'); 
background-repeat: no-repeat; 
width: 100px; 
height: 22px 
}
enz
B

Bram

Legacy Member
Probeer het zo eens:
(HTML)
Code: 
<ul id="nav">
                <li><a href="#" id="anews"></a></li>
                <li><a href="#" id="abio"></a></li>
                <li><a href="#" id="agigs"></a></li>
                <li><a href="#" id="apics"></a></li>
                <li><a href="#" id="alinks"></a></li>
                <li><a href="#" id="acontact"></a></li>
        </ul>
(CSS)
Code: 
#nav ul li {
float: left; /* nodig opdat de afbeeldingen links van elkaar komen, vergeet clear in te voegen in de volgende div */
}
#nav a {
display: block;
width: 100px;
height: 22px;
}
a#anews { 
background-image: url('img/knop_news.gif'); 
}
enz

het kan zijn dat er nog wat finetuning aan te pas moet komen... je kan anders even de nav bekijken van deze website, die ik heb gecode, de css staat hier.
D

Desbotar

Legacy Member
ja, da deed het hem idd
nu werkt het perfect

mijn css code moet ik blijkbaar echt nog grondig opruimen :)

bedankt!
D

Desbotar

Legacy Member
misschien toch nog ff een klein (wss dom) vraagje (waar ik geen nieuwe topic voor ga openen)

ik zou graag een minimumgrootte instellen voor een div, ma als de tekst langer is dan deze hoogte dat dit automatisch uitbreid. is dit mogelijk?

hoe krijg ik ook dat hij mij div#middle hier toont (die gewoon een marge opbouwt voor zijn subdivs) zonder een vaste hoogte in te stellen?

div#middle ziet er in css zo uit:

Code: 
div#middle { 
padding: 0px 30px 0px 30px; 
background-color: #990000; 
width: 708px 
}

met enkele subdivs zoals oa
Code: 
div#info {
float: left; 
background-color: #FFFFD8; 
width: 708px; 
border: 0; 
overflow: auto	
}
B

Bram

Legacy Member
er bestaat een css element 'min-height' ma da werkt enkel in FF afaik... IE7 weet ik nie.

ge bedoelt da em de achtergrond moet tonen van uw middle div? dus da uwen achtergrond schoon rood doorloopt?
zeker clear: both aan uwen #bottom geven en mss eens proberen om de achtergrond van #middle aan uwen container (of wrapper, hoe ge het ook noemt) geven...
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan