Border in verschillende browsers
Okey heb 5 div's
Header
Content
Contentlinks
Contentrechts
Footer
Ik heb een in contentlinks een border gemaakt,
border-right-style:solid;
border-right-color:white;
border-right-width:10px;
Dus dat tussen contentlinks en contentrechts een witte regel loopt.
Mijn probleem is dat het niet hetzelfde loopt in de browsers bijvoorbeeld bij IE en Firefox heb komt de witte border niet tot de footer en bij chrome wel. Solutions?:D
Dat browsers verschillend omgaan met bepaalde dingen is wel bekend, maar opzich zou dit moeten werken. Hoe zit het met je doctype?
"http://www.w3.org/TR/html4/strict.dtd"
>
nee het staat niet online.
Je kan deze 3 lijnen in 1 lijn zetten:
border-right: solid 10px #FFFFFF;
Om een witte regel te hebben kan je ook eens proberen met margin
margin: 0px 0px 0px 10px;
Hier loopt die wel goed trouwens.
Toevoeging op 01/05/2012 20:07:42:
Ik weet het tables in html maar die verander ik nog:P
Je zou in dit geval een format moeten hebben van:
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
<div id="wrapper">
<div id="header"></div>
<div id="content"></div>
<div id="contentlinks"></div>
<div id="contentrechts"></div>
<div id="footer"></div>
</div>
<div id="header"></div>
<div id="content"></div>
<div id="contentlinks"></div>
<div id="contentrechts"></div>
<div id="footer"></div>
</div>
#containerleft {
background: #EBEBEB;
float: left;
clear: left;
border: none 0px;
width: 190px;
margin: 0px 10px 0px 0px;
}
#containerright {
float: right;
clear: right;
border: none 0px;
width: 1000px;
}
#footer {
font-size:12px;
clear:both;
font-family:arial;
background:#EBEBEB;
text-align: right;
padding: 20px;
height: 1%;
border: none 0px;
margin: 10px 0px 0px 0px;
}
Daan Bonke op 01/05/2012 20:21:15:
Gunther dat werkt niet
Inderdaad Gunther! Schiet verdomme is op! Uw meester vraagt om werkende code maar geeft verder nul comma nul toelichting! Wat een slechte hulp zeg! [/sarcasm off]
Doe zelf eens iets om jezelf te helpen ipv neer te plempen dat 'iets' niet werkt.
Simon, je hoeft niet meteen te gaan schelden als er iets niet helemaal volgens je wens gaat... Tevens ben ik het wel met je eens (zonder sarcastische toon) je moet niet alleen maar wat code dumpen (zonder code tags nog wel) zonder uitleg. Daan weet nu totaal niet wat er verbeterd is en wat hij fout heeft gedaan.
Wouter J op 01/05/2012 20:31:23:
Ik scheld helemaal niet, dus waar heb jij het nou weer over?Zo'n ruimte creëer je met margin en niet met borders.
Simon, je hoeft niet meteen te gaan schelden als er iets niet helemaal volgens je wens gaat... Tevens ben ik het wel met je eens (zonder sarcastische toon) je moet niet alleen maar wat code dumpen (zonder code tags nog wel) zonder uitleg. Daan weet nu totaal niet wat er verbeterd is en wat hij fout heeft gedaan.
Simon, je hoeft niet meteen te gaan schelden als er iets niet helemaal volgens je wens gaat... Tevens ben ik het wel met je eens (zonder sarcastische toon) je moet niet alleen maar wat code dumpen (zonder code tags nog wel) zonder uitleg. Daan weet nu totaal niet wat er verbeterd is en wat hij fout heeft gedaan.
Mijn reactie was ook eerder aan Daan dan aan Gunther, maar blijkbaar begrijp jij dat niet.
Gewijzigd op 01/05/2012 20:36:08 door Henk PHP
Quote:
(...)Schiet verdomme is op!
Nee, helemaal niet...
En ja, ik begrijp je helemaal. Alleen je slaat naar mijn mening totaal de plank mis en bent veel te kort door de bocht met zo'n reactie. Een beetje meer begrip voor beginners mag best en iets vriendelijker doen mag ook. Stel dat dit een gesprek was in de 'real world'. Zou je dan ook zo vreemd hebben gereageerd op Daan?
Gewijzigd op 01/05/2012 20:37:43 door Wouter J
PS. Als dat al schelden is, kom jij echt nooit de deur uit.
Gewijzigd op 01/05/2012 20:40:04 door Henk PHP
@Iedereen: Daan zijn probleem bestaat uit de weergave van verschillende browsers, niet over CSS. Dus ik ga ervan uit dat Daan dan wel iets weet van CSS zonder de uitleg te moeten geven.
Border is gewijzigd in margin, en er zijn nog zo'n paar zaken veranderd.
Het grote probleem is dat de meesten onder ons alles willen oplossen met een div in een div in een div enz...
Het kan ook anders, zoek eens op google naar divitis.