[CSS] Tabmenu positioneren lukt niet?

[Verwijderd]

Beste,

Zoals u op de website http://www.brightdesign.be kunt zien, is het tabmenu bovenaan niet tegen de rode balk "gedrukt", zoals de bedoeling is. Ik heb al gespeeld met margins, etc maar het wil maar niet lukken.

Weet iemand waar dit aan kan liggen?

Bij voorbaat dank!

[fleppuhstein]

Verwijderd schreef op donderdag 17 april 2008 @ 21:25:
Beste,

Zoals u op de website http://www.brightdesign.be kunt zien, is het tabmenu bovenaan niet tegen de rode balk "gedrukt", zoals de bedoeling is. Ik heb al gespeeld met margins, etc maar het wil maar niet lukken.

Weet iemand waar dit aan kan liggen?

Bij voorbaat dank!

Met de web developer toolbar als plugin foor FF zie ik dat je div gewoon niet aansluit. Hij loopt aan de bovenkant gelijk met je div "logodiv2".

[Bozozo]

margin-top: 30px op navigation li.

Niet erg moeilijk

[ibmos2warp]

Laat maar ik kijk verkeerd.
Keek bij de verkeerde .

[ Voor 131% gewijzigd door ibmos2warp op 17-04-2008 21:32 ]

[Bitage]

Voeg dit eens toe aan je CSS:

Cascading Stylesheet:

#navigation
{
position:relative;
top:31px;
}

[Verwijderd]

Alvast bedankt voor de reacties, ik kan nu pas reageren omdat ik op school zat. Zoals je nu (19:19) kunt zien, werkt jullie methode inderdaad. Echter had ik dat ook wel zelf kunnen bedenken
Wat ik spijtig vind aan jullie oplossing is dat als je de tekengroote verhoogt, het menu 'over' de rode balk komt. Is het niet mogelijk gewoon de tabs naar onder uit te lijnen (div.tabs)?

[Verwijderd]

Trouwens, in IE klopt het nu ook nog niet... de tabs gaan over de rode balk.

[marko77]

De tekengrootte kun je afvangen, maar dan dien je wel een andere opzet dan de huidige te hanteren.
Een IE fix (stylesheet in een conditional statement b.v.) zul je in de regel wel nodig hebben, omdat het nog wel eens voorkomt dat er ergens één pixel verschil inzit oid.

Maar ik zou toch zeggen dat een webdesign bedrijf daar zelf wel een oplossing voor kan zoeken

[Verwijderd]

Idd, maar ik ben al erg lang met dit aan het prutsen, en alles wat logischerwijze zou moeten werken lukt niet... Ik ga anders maar eens op zoek naar een alternatief css-stukje.. Maar toch zou ik willen weten waarom het niet lukt.

[Verwijderd]

Heb nu een ander menuutje gemaakt, maar nog steeds met dezelfde problemen. Is het mogelijk om div.tabs onderaan uit te lijnen op div.top? Ik heb al geprobeerd: text-align: bottom, margin-bottom: 0px en padding-bottom: 0px maar niets schijnt te helpen. Zo ingewikkeld kan dit toch niet zijn?

[Boelie-Boelie]

Cascading Stylesheet:

div.tabs {
    float: left;
/* AANGEVULD */
    margin-top: 30px;
    margin-left: 30px;
}
#tabs3 {
    float: left;
    width: 100%;
    font-size: small;
    line-height: normal;
/* AANGEVULD */
    margin: 0;
    padding: 0;

}

Hierbij geen problemen met text-resizen, in Fx, IE6, Safari/Win... Zou nog wel met margins spelen, in Opera ziet het er nog net wat anders uit (ook zonder bovenstaande suggestie).

[Verwijderd]

Dat is nu eens een reactie waar ik iets aan heb!! Het werkt perfect! Blijkbaar was het probleem toch niet zo gecompliceerd als ik dacht!