DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
Door je paddings en margins ook met percentages te doen en te zorgen dat dit in totaal op 100% uit komt. Zul je wel afrondingsproblemen krijgen in IE, maar ja.
Bleuh.
oke, thnx.. ik ga weer eens knutselenquote:Op donderdag 3 maart 2011 23:07 schreef PimD het volgende:
Door je paddings en margins ook met percentages te doen en te zorgen dat dit in totaal op 100% uit komt. Zul je wel afrondingsproblemen krijgen in IE, maar ja.
Hoi CSS-ers.
Vraagje; is het mogelijk je css zo te bouwen dat je lay-out in elke resolutie klopt? Neem aan dat je niet met pixels moet positioneren maar met procenten, maar zelfs dat lukt niet helemaal bij mij.
Vraagje; is het mogelijk je css zo te bouwen dat je lay-out in elke resolutie klopt? Neem aan dat je niet met pixels moet positioneren maar met procenten, maar zelfs dat lukt niet helemaal bij mij.
ja dat heet fluid, hou er rekening mee dat er schermresoluties op desktops variëren van 1000 tot 2500 pixels. Schets van de bedoeling?quote:
Hoi CSS-ers.
Vraagje; is het mogelijk je css zo te bouwen dat je lay-out in elke resolutie klopt? Neem aan dat je niet met pixels moet positioneren maar met procenten, maar zelfs dat lukt niet helemaal bij mij.
“Specialization is for insects”.—Robert Heinlein
Gaat hier om het aanpassen van een webshop waarbij ik de productpagina indeel in 3 'kolommen'. De laatste kolom (waar de buttons add to cart en dergelijke staan) geef ik een vaste positie. Maar moet ik er gewoon vanuit gaan dat als ik alles binnen de 1000 pixels houdt (ivm 1024x***) dat het geen grote problemen gaat geven?
yes, of 960px is dat makkelijk met rekenen, kan je die 40 eventueel als marge gebruiken. Ga zelf eigenlijk nooit boven de 980 tenzij deels fluid
“Specialization is for insects”.—Robert Heinlein
Maar is het dus zo dat ik alles absoluut kan positioneren met pixels, zolang ik maar onder de 960 breedte kom, en dat dat geen problemen gaat opleveren met resoluties? (uitgezonderd 800x***).
Als je het goed doet en dat de beste manier is wel jaquote:
Maar is het dus zo dat ik alles absoluut kan positioneren met pixels, zolang ik maar onder de 960 breedte kom, en dat dat geen problemen gaat opleveren met resoluties? (uitgezonderd 800x***).
“Specialization is for insects”.—Robert Heinlein
Laatste vraag: Hoe kan ik mijn productinfo indelen in 3 vaste kolommen?
Iets als:
Foto's | Productomschrijving | Knoppen.
Werk verder met PHP.
Iets als:
Foto's | Productomschrijving | Knoppen.
Werk verder met PHP.
...Door de eerste de beste "hoe maak ik een website" tutorial door te lezen en gewoon te proberen.quote:
Laatste vraag: Hoe kan ik mijn productinfo indelen in 3 vaste kolommen?
Iets als:
Foto's | Productomschrijving | Knoppen.
Werk verder met PHP.
Heb een vraagje.
In Chrome krijg ik een blok precies waar ik wil maar in FF staat ie iets van 45px lager. Hoe kan dat?
CSS:
#highlight{
background-color:#f2f2f2;
position: absolute;
margin: 45px 0px 0px -900px;
height: 16px;
width: 960px;
}
In Chrome krijg ik een blok precies waar ik wil maar in FF staat ie iets van 45px lager. Hoe kan dat?
CSS:
#highlight{
background-color:#f2f2f2;
position: absolute;
margin: 45px 0px 0px -900px;
height: 16px;
width: 960px;
}
| 1 2 3 4 5 | <div class="a"> <div class="1"></div> <div class="2"></div> <div class="3"></div> </div> |
.
aha..ok..dan denk ik een siblingquote:
[ code verwijderd ]
a is parent van children 1, 2 en 3. 1, 2 en 3 zijn siblings
dit staat in mijn pagina
| 1 2 3 4 | <body> <div id="container"> <?php include("php/navbox.php"); ?> </div> |
in de navbox staat onderaan de highlight
| 1 2 3 4 | vanalleshierboven <div id="highlight"> </div> </div> |
maar waar moet ik dan ergens beginnen?quote:
Hier kan ik ook niets mee... Gewoon zelf even spelen met de margin-settings van al je elementen.
want margins voor chrome en moz zouden hetzelfde moeten zijn?
of moet ik voor 1vd2 een fix maken (en dan ook voor IE)
Browsers hebben overal eigen standaarden voor.quote:
[..]
maar waar moet ik dan ergens beginnen?
want margins voor chrome en moz zouden hetzelfde moeten zijn?
of moet ik voor 1vd2 een fix maken (en dan ook voor IE)
http://css-class.com/test(...)e-sheet-defaults.htm
Dus beter kan je alles vastzetten op een waarde ipv een standaard waarde gebruiken. Wat waarschijnlijk de oorzaak van je probleem is
.
Ik zou sowieso geen margin gebruiken voor het positioneren als je position:absolute gebruikt. Dan kun je beter positioneren met left/right en top/bottom.quote:
Heb een vraagje.
In Chrome krijg ik een blok precies waar ik wil maar in FF staat ie iets van 45px lager. Hoe kan dat?
CSS:
#highlight{
background-color:#f2f2f2;
position: absolute;
margin: 45px 0px 0px -900px;
height: 16px;
width: 960px;
}
dat lijkt m te zijn, FF en Chrome zijn nu hetzelfde.....ff IE installeren en dan checken...zal wel hopeloos zijnquote:
[..]
Ik zou sowieso geen margin gebruiken voor het positioneren als je position:absolute gebruikt. Dan kun je beter positioneren met left/right en top/bottom.
Bij het ontwikkelen ben ik erachter gekomen dat Internet Explorer 7 weer roet in het eten gooit. Waar alle andere moderne browsers het normaal doen, heeft IE7 de volgende 'quirk', en ik heb het tot nu toe nog niet kunnen oplossen. Helaas zijn er nog genoeg IE7 gebruikers dus wil ik het graag oplossen.
Op deze pagina is te zien dat in alle moderne browsers de grijze vakken met inhoud netjes worden uitgelijnd.
http://www.vanzoelen.nl/zoekwoord/verbouw/
In IE7 is dat niet zo, de linkerrij is steevast verticaal verschoven:
Code voor de grijze DIV:
Op deze pagina is te zien dat in alle moderne browsers de grijze vakken met inhoud netjes worden uitgelijnd.
http://www.vanzoelen.nl/zoekwoord/verbouw/
In IE7 is dat niet zo, de linkerrij is steevast verticaal verschoven:
Code voor de grijze DIV:
| 1 2 3 4 5 6 7 8 9 10 | .projectthumb { padding: 5px 5px 5px 5px; background:#eceff1;width:170px; float:left; margin:5px 5px 5px 0px; height: 170px; overflow: hidden; display: inline-block!important; } |
url
