De PHPhulp kroeg
padding in css
De achtergrond is layou maar een stukje met text moet veel kleiner zijn.
Dit wil ik met padding bereiken.
Nu wil het wel in explorer maar niet in firefox.
Daar loopt de tekst gewoon door de padding heen en in explorer niet.
Weet iemand raad voor mij?
div#rightmenu {
background-image: url(achtergrond/background_04.gif);
height: 553px;
width: 326px;
left: 624px;
top: 160px;
position: absolute;
padding-top: 110px;
padding-left: 20px;
padding-right: 110px;
padding-bottom: 340px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #A8C208;
}
Om het dus in FF correct te krijgen moet je de padding - de height en width doen:
width: 326
padding-right: 110
padding-left: 20
--------- +
130
with min complete padding: 326 - 130 = 196
om het in FF en IE goed te krijgen gebruik ik meestal de
!important (zie google)
hoop dat dit t is wat je bedoelde! groet Roland.
Je bedoelde dat ik de width = 196 moet maken.
Maar dan is hij FF wel goed maar in IE weer niet.
Ik begrijp nou niet wat jij gebruik om het in allebei goed te krijgen.
@bart, ik zal even kijken
div#box1=groot ---en is bedoeld voor de achtergrond.
div#box2 = klein ---en hier kan dan de tekst gezet worden op de positie die je wil.
Ik neem aan dat je dan met z-index de kleine box zichtbaar kan maken.
Absoluut helemaal nieuw voor mij, die css hacks e.d.
Bedankt.
Als je zoals ik eerst test in FF en het blijkt in IE niet goed te zijn.
Even !important er bij en klaar ben je.
Zeker weer te simpel gedacht natuurlijk:-(
Maar dat is voor later zorg.
Eerst biedt het perspectief voor mij.
ik gebruikte daarvoor :
Code (php)
1
2
3
2
3
html>body #divnaam {
}
}
wat overigens wel handig is als je heel veel moet veranderen. deze tag leest FF maar IE niet =)
Gewijzigd op 01/01/1970 01:00:00 door Roland Baas
Ik heb nl. 4 boxen met 4 achtergroden die mijn hele layout vormen.
Voor de kop, het menu was het niet zo'n punt maar de vierde wilde ik een klein tekst gedeelte in maken die ook niet gecentreerd was t.o.v. de box dan. wel de layout.
Maar die !important werkt perfect.