Webwereld

CSS vraagje

Gestart doorRobinkoch4 reacties97 weergaven
Log in om mee te praten

5 berichten · pagina 1 van 1

Robinkoch

Lid · Topicstarter

Berichten
4.213
Reputatie
0
Punten
0,02
Lid sinds
Laatst gezien
Hallo leden,

Voor een school project ben ik bezig met een website alleen ik krijg de main div niet over de volledige breedte van de pagina want als ik hem nu breder maak dan komt hij onder het menu te staan.

Heb all van alles geprobeerd. Wat moet ik doen om dit te verhelpen?
Spoiler tonen
Afbeelding
Afbeelding
0
Rik

Lid

Berichten
18.393
Reputatie
0
Punten
0,04
Lid sinds
Laatst gezien
Hey,

Je [c]#container[/c] div is 1280 pixels groot. Je [c]#menu[/c] en [c]#main[/c] divs staan hier beiden in. Je menu is 250 pixels breed, dus je hebt nog 1280-250 = 1030 pixels over voor je main. Deze is op het moment 1024 pixels breed (en kan dus nog 6 pixels breder).

Op het moment dat je over deze hoeveelheid heen gaat, dan springt je main div naar beneden.
Je zult deze waarde dus moeten verhogen smile
Let er wel op dat niet iedereen een browser heeft die maar 1280 pixels breed is. Mijn scherm is bijvoorbeeld 1920pixels breed. Ik ga dus nog extra witruimte zien.
0
Robinkoch

Lid · Topicstarter

Berichten
4.213
Reputatie
0
Punten
0,02
Lid sinds
Laatst gezien
Rik schreef:
Hey,

Je [c]#container[/c] div is 1280 pixels groot. Je [c]#menu[/c] en [c]#main[/c] divs staan hier beiden in. Je menu is 250 pixels breed, dus je hebt nog 1280-250 = 1030 pixels over voor je main. Deze is op het moment 1024 pixels breed (en kan dus nog 6 pixels breder).

Op het moment dat je over deze hoeveelheid heen gaat, dan springt je main div naar beneden.
Je zult deze waarde dus moeten verhogen smile
Let er wel op dat niet iedereen een browser heeft die maar 1280 pixels breed is. Mijn scherm is bijvoorbeeld 1920pixels breed. Ik ga dus nog extra witruimte zien.
Die oplossing heb ik geprobeerd alleen dan zet hij hem er helaas nog steeds onder, ik was ook all bezig met percentages maar dat werkte ook niet all te bestemoemo
0
Rik

Lid

Berichten
18.393
Reputatie
0
Punten
0,04
Lid sinds
Laatst gezien
Robinkoch schreef:
Eerdere citaten tonen
Rik schreef:
Hey,
Je [c]#container[/c] div is 1280 pixels groot. Je [c]#menu[/c] en [c]#main[/c] divs staan hier beiden in. Je menu is 250 pixels breed, dus je hebt nog 1280-250 = 1030 pixels over voor je main. Deze is op het moment 1024 pixels breed (en kan dus nog 6 pixels breder).

Op het moment dat je over deze hoeveelheid heen gaat, dan springt je main div naar beneden.
Je zult deze waarde dus moeten verhogen smile
Let er wel op dat niet iedereen een browser heeft die maar 1280 pixels breed is. Mijn scherm is bijvoorbeeld 1920pixels breed. Ik ga dus nog extra witruimte zien.

Die oplossing heb ik geprobeerd alleen dan zet hij hem er helaas nog steeds onder, ik was ook all bezig met percentages maar dat werkte ook niet all te bestemoemo
Dan doe je toch echt iets fout, hier werkt het namelijk zonder problemen.

Misschien moet je een doctype pakken en reen reset doen:

<!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>
    <title>Quiz groep 4</title>
    <style>
      * {
        margin: 0;
        padding: 0;
      }

      html, body {
        width: 100%;
        height: 100%;
      }

      #container {
        width: 1380px;
        height: 100%;
        margin: 0px auto;
      }

      #menu {
        height: 100%;
        width: 250px;
        background-color: #CACABD;
        float: left;
      }

      #menu img {
        height: 150px;
        width: 250px;
      }

      #main {
        width: 1130px;
        height: 100%;
        margin: 0;
        float: left;
        background-color: #ff0000;
      }
    </style>
  </head>
  <body>
    <div id="container"> 
      <div id="menu">
        <img src="images/logo.png">
      </div>
      <div id="main">
        Welkom
      </div>
    </div>
  </body>
</html>
0
Robinkoch

Lid · Topicstarter

Berichten
4.213
Reputatie
0
Punten
0,02
Lid sinds
Laatst gezien
Rik schreef:
Eerdere citaten tonen
Robinkoch schreef:
Eerdere citaten tonen
Rik schreef:
Hey,
Je [c]#container[/c] div is 1280 pixels groot. Je [c]#menu[/c] en [c]#main[/c] divs staan hier beiden in. Je menu is 250 pixels breed, dus je hebt nog 1280-250 = 1030 pixels over voor je main. Deze is op het moment 1024 pixels breed (en kan dus nog 6 pixels breder).

Op het moment dat je over deze hoeveelheid heen gaat, dan springt je main div naar beneden.
Je zult deze waarde dus moeten verhogen smile
Let er wel op dat niet iedereen een browser heeft die maar 1280 pixels breed is. Mijn scherm is bijvoorbeeld 1920pixels breed. Ik ga dus nog extra witruimte zien.

Die oplossing heb ik geprobeerd alleen dan zet hij hem er helaas nog steeds onder, ik was ook all bezig met percentages maar dat werkte ook niet all te bestemoemo
Dan doe je toch echt iets fout, hier werkt het namelijk zonder problemen.
Ik had had nog wat dingetjes fout staan. Als oplossing heb ik een vaste width aangehouden en de div een doorzichtigheid gegeven en een background image gebruikt met een flexibele height en width. Zoals op www.madcam.nl

Bedankt voor je antwoord smile
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren