Min-width probleem bij width van 100%

Status
Niet open voor verdere reacties.
Hackerx72

Hackerx72

Gebruiker
Lid geworden
13 jul 2007
Berichten
90
Hey iedereen, ik ben al heel de namiddag aan het zoeken achter een oplossing voor dit probleem.
Als je op deze site hier die ik aan het maken ben het browster venster kleiner maakt dan merk je dat alle ellementen over elkaar beginnen te schuiven en dat de site er niet normaal meer uitziet. http://users.telenet.be/makkura/

Nu ben ik al de hele tijd aan het zoeken achter een manier om een css box:
1. 100% breedte te behouden zodat de box altijd even groot is als het browser venster
2. dat diezelfde box niet kleiner kan worden dan bvb 1200Pixels

Hopelijk heeft iemand meer ervaring in. =/
 
als je geen breedte instelt, dan geeft de browser volgens mij automatisch 100%. Als je dan 1200px als minimale breedte wilt kun je dat gewoon opgeven. Tevens denk ik dat 1200px als minimale breedte wel wat weinig is:rolleyes:

EDIT: Als je als breedte 100% opgeeft is het resultaat overigens hetzelfde, althans in safari.
 
Laatst bewerkt:
bmtvrr zei:
Tevens denk ik dat 1200px als minimale breedte wel wat weinig is:rolleyes:
Klik om te vergroten...
Waarom zou dat weinig zijn? Er zijn nog altijd redelijk wat mensen die op en scherm van 1024px breed zitten (o.a. mensen met een netbook), daarbij heeft niet iedereen z'n browserscherm altijd op maximale grote staan.

EDIT: als je voor body{min-width:1200px;} opgeeft dan zal de site nooit smaller dan 1200px worden weergegeven.
 
Laatst bewerkt:
Naarling zei:
Waarom zou dat weinig zijn? Er zijn nog altijd redelijk wat mensen die op en scherm van 1024px breed zitten (o.a. mensen met een netbook), daarbij heeft niet iedereen z'n browserscherm altijd op maximale grote staan.

EDIT: als je voor body{min-width:1200px;} opgeeft dan zal de site nooit smaller dan 1200px worden weergegeven.
Klik om te vergroten...

Alle elementen blijven nog steeds over elkaar schuiven =/ kga der nog lang achter moge zoeken

EDIT: Probleem opgelost! De code van Naarling werkte wel maar bij gebruik van absolute positionering werkte die code opeens weer niet.
Daarom heb ik het veranderd naar relatieve positionering en werkt nu zoals ik et wil (:

Voor diegene die geïnterseerd zijn in mijn oplossing:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Header Test</title>
<style type="text/css">
<!--
.container {
background-color: #900;
height: 100px;
position: relative;
left: 0px;
top: 0px;
}
.box1 {
background-color: #333;
height: 100px;
width: 100px;
float: left;
}
.box2 {
background-color: #999;
height: 100px;
width: 100px;
float: right;
}
body {
min-width: 1200px;
}
-->
</style>
</head>
<body>
<div class="container">
<div class="box1"><center>Gemaakt door</center></div>
<div class="box2"><center>Hackerx72</center></div>
</div>
</body>
</html>
Klik om te vergroten...
 
Laatst bewerkt:
Naarling zei:
Waarom zou dat weinig zijn? Er zijn nog altijd redelijk wat mensen die op en scherm van 1024px breed zitten (o.a. mensen met een netbook), daarbij heeft niet iedereen z'n browserscherm altijd op maximale grote staan.

EDIT: als je voor body{min-width:1200px;} opgeeft dan zal de site nooit smaller dan 1200px worden weergegeven.
Klik om te vergroten...

ik bedoelde natuurlijk te veel:p mijn fout:d
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan