Hoogte DIV zelfde als schermresolutie - Softwareontwikkeling

vrijdag 7 november 2008 14:37

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Ik heb een DIV die ik automatisch dezelfde hoogte wil geven als de resolutie van de bezoeker, zonder dat er een scroll-bar ontstaat omdat ik bijv standaard 768 instel.
Iemand een idee?

vrijdag 7 november 2008 14:53

Acties:

0 Henk 'm!

DeluxZ

Livin' the good life

height: 100% ?

http://www.martinvanpette...z/min-height_100_procent/
http://www.xs4all.nl/~peterned/examples/csslayout1.html

Zoiets had je ook kunnen vinden met google

[ Voor 14% gewijzigd door DeluxZ op 07-11-2008 14:53 ]

]|[ Apple Macbook Pro Retina 13" ]|[

vrijdag 7 november 2008 14:56

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Nee, want hierbij verschijnt er bij een kleinere resolutie alsnog een scroll-bar

vrijdag 7 november 2008 14:57

Acties:

0 Henk 'm!

RaZ

Funky Cold Medina

En wie zegt dat iedereen full-screen surft? Daarbij is een resolutie-hoogte van 768px nooit de hoogte van het venster van de browser. En plugin balken kunnen er dus ook voor zorgen dat de gebruikte hoogte minder is.

Zelfs als de browser echt full-screen staat, en een resolutie van 768px hoog, geeft een lager aantal bruikbare pixels.

Hoe ga je het oplossen als mensen de browser resizen?

Ey!! Macarena \o/

vrijdag 7 november 2008 14:58

Acties:

0 Henk 'm!

418O2

moet je eigenlijk niet willen. De height kan je afaik beter 99% maken omdat IE er anders scrollbars in zet..

vrijdag 7 november 2008 15:00

Acties:

0 Henk 'm!

DeluxZ

Livin' the good life

Verwijderd schreef op vrijdag 07 november 2008 @ 14:56:
Nee, want hierbij verschijnt er bij een kleinere resolutie alsnog een scroll-bar

En dit dan ? Resolute is normaal 1680x1050. Als ik mijn firefox venster resize krijg ik geen scrollbalk hoor. Alleen als ik hem nog kleiner maak maar dat komt omdat de content op de site hoger is. En dat kun je niet tegen gaan.

Afbeeldingslocatie: http://img368.imageshack.us/img368/8900/height100wd9.jpg

Afbeeldingslocatie: http://img368.imageshack.us/img368/8900/height100wd9.jpg

]|[ Apple Macbook Pro Retina 13" ]|[

vrijdag 7 november 2008 15:05

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Het gaat erom dat er een DIV komt die vanaf een bepaald punt helemaal totaan de onderkant van het scherm een achtergrond-afbeelding laat zien.

vrijdag 7 november 2008 15:13

Acties:

0 Henk 'm!

DeluxZ

Livin' the good life

Laat is zien wat je bedoeld wat ik kan het niet voor ogen krijgen wat je ermee bedoeld. Een div vanaf het midden tot de onderkant met een achtergrond afbeelding ?

]|[ Apple Macbook Pro Retina 13" ]|[

vrijdag 7 november 2008 15:16

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Het gaat om de DIV met id"opmaak".

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"> 
<HTML>
   <HEAD>
      <LINK href="opmaak.css" rel="stylesheet" type="text/css"> 
      <TITLE>Website titel</TITLE>
   </HEAD>
   <BODY>
       <DIV id="container1">
           <DIV id="opmaak" ></DIV>
           <DIV id="container2">
               <DIV id="header">Header</DIV>
               <DIV id="menu">menu</DIV>
               <DIV id="content">Standaard content.</DIV>
           </DIV>
       </DIV>
   </BODY>
</HTML>

Cascading Stylesheet:

body {
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

#container1 {
position: relative;
border: 1px dashed #FF0000;
margin-left: auto;
margin-right: auto;
width: 968px;
}

#container2 {
position: absolute;
left: 70px;
top: 1px;
border: 1px dashed #FF0000;
}

#header {
background: #FF0000;
width: 900px;
}

#menu {
background: #00FF00;
text-align: center;
width: 900px;
max-width: 900px;
padding: 0px;
}

#content {
background: #0000FF;
width: 900px;
height: 300px;
max-height: 400px;
padding: 0px;
}

#opmaak {
width: 68px;
min-height: 700px;
background: url(afbeeldingen/achtergrondplaatje.jpg);
background-repeat: repeat-y;
}

vrijdag 7 november 2008 15:16

Acties:

0 Henk 'm!

brtk

misschien heb je hier wat aan :

http://www.webdesignerwal...-to-css-large-background/

vrijdag 7 november 2008 15:26

Acties:

0 Henk 'm!

DeluxZ

Livin' the good life

Online voorbeeld misschien ? Wat ik kan niet zien wat voor afbeelding als achtergrond moet ? Misschien een plaatje met wat de bedoeling is ? Maakt het voor ons wat makkelijker.

Ik zie dat je vandaag pas geregistreerd hebt. Wat meer informatie geven bij een topicstart wordt gewaardeerd op GoT

[ Voor 26% gewijzigd door DeluxZ op 07-11-2008 15:27 ]

]|[ Apple Macbook Pro Retina 13" ]|[

vrijdag 7 november 2008 15:40

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Nee, ik heb helaas nog geen versie online staan.
Het is de bedoeling dat een kleine afbeelding over de gehele lengte tot onderaan wordt herhaald, een soort band zegmaar.

vrijdag 7 november 2008 15:44

Acties:

0 Henk 'm!

DeluxZ

Livin' the good life

Maak een afbeelding zo breed als je pagina, maak de linkerkant 68px blauw of wat je wilt en gooi het plaatje als background op je container met een repeat-y

]|[ Apple Macbook Pro Retina 13" ]|[

vrijdag 7 november 2008 15:47

Acties:

0 Henk 'm!

Verwijderd

Topicstarter

Dat kan inderdaad, maar dan loopt de achtergrondafbeelding niet door tot onder aan het scherm. En dat is wel de bedoeling.

[ Voor 137% gewijzigd door Verwijderd op 07-11-2008 16:04 ]

vrijdag 7 november 2008 16:24

Acties:

0 Henk 'm!

DeluxZ

Livin' the good life

Zoek is op google naar faux columns daar staat hoe het moet. Onder andere deze site http://www.gigadesign.be/2006/03/faux-columns-maken/

Hiermee moet je wel verder komen. Mij lukt het wel, ik heb het ook voor elkaar maar mijn hosting doet gaar dus kan even niks uploaden.

]|[ Apple Macbook Pro Retina 13" ]|[