Web Design Forums

WebbyTom · 28-07-2008, 18:13

I am pulling my hair out over this one. I have my main content in Div Tags that are made to fit 800 x 600 screen resolution, when i resize my browser window the main content resizes itself to occomodate the window. What i want is for another Div Tag or Div Layer of certain size to be positioned over the main content Divs in a certain spot and move when the screen resolution is changed or the window is resized. Surely this cant be hard todo with some CSS??

MadHat · 28-07-2008, 18:14

have you used a wrapper then content div or have you just set the wrong parameter for the width n height?

WebbyTom · 28-07-2008, 18:22

I dunno i am new to this here is the code

</style>
</head>

<body>



<div id="wrapper">


<div id="content"></div>



<div id="content2"></div>



<div id="content3"></div>


</div>


</body>
</html>

and CSS

* { padding: 0; margin: 0; }

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background-image: url(back.jpg);
background-repeat: repeat;
text-align: center;
}
#wrapper {
width: 976px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
#content {
width: 976px;
height: 561px;
background-image: url(images/index_01.png);
background-repeat: no-repeat;
padding-right: 10px;
padding-left: 10px;
margin: 0px;
}

#content2 {
height: 431px;
width: 976px;
background-image: url(images/index_02.png);
background-repeat: no-repeat;
}

#content3 {
background-image: url(images/index_03.png);
background-repeat: no-repeat;
height: 78px;
width: 976px;
}

datahound · 28-07-2008, 18:25

I don't understand this is set up for a browser 976px wide?

datahound · 28-07-2008, 18:26

You cannot set height in Firfox, it may look great in IE but will ultimately fail.

WebbyTom · 28-07-2008, 18:31

So what have i done wrong? All of it lol

karmedic · 28-07-2008, 23:49

i can't understand the question. do you want a fluid site with a min-width of 800px? btw, if you're targeting 800x600 then an explicit width of 976 won't help your cause.

pasky · 29-07-2008, 03:46

I also don't know what you are trying to achieve (the css you have posted does not coincide with what you are trying to achieve) More details please

cmsi · 30-07-2008, 13:54

your code and the idea that you want does not coincide...

myF1dream · 30-07-2008, 16:06

IF you want the site to work in 800 x 600 then simply set the width to 768px. If you want the content to shrink then work on your content divs a bit more.

Good Luck

Ashley

28-07-2008, 18:13	#1 (permalink)
WebbyTom Registered User Join Date: Jul 2008 Posts: 4	Help with Div Tag!!! I am pulling my hair out over this one. I have my main content in Div Tags that are made to fit 800 x 600 screen resolution, when i resize my browser window the main content resizes itself to occomodate the window. What i want is for another Div Tag or Div Layer of certain size to be positioned over the main content Divs in a certain spot and move when the screen resolution is changed or the window is resized. Surely this cant be hard todo with some CSS??

28-07-2008, 18:25	#4 (permalink)
datahound Spare Parts Join Date: Jan 2005 Location: Bracknell Forest Posts: 5,256	I don't understand this is set up for a browser 976px wide? __________________ poochmedia \| Computer Spare Parts \| Computer & Telephone Disposals

28-07-2008, 18:26	#5 (permalink)
datahound Spare Parts Join Date: Jan 2005 Location: Bracknell Forest Posts: 5,256	You cannot set height in Firfox, it may look great in IE but will ultimately fail. __________________ poochmedia \| Computer Spare Parts \| Computer & Telephone Disposals

30-07-2008, 16:06	#10 (permalink)
myF1dream Registered User Join Date: Jul 2008 Posts: 15	Try 768px IF you want the site to work in 800 x 600 then simply set the width to 768px. If you want the content to shrink then work on your content divs a bit more. Good Luck Ashley

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

28-07-2008, 18:14	#2 (permalink)
MadHat Irn Bru Connoisseur Join Date: May 2008 Location: Inverness, Scotland Posts: 62	have you used a wrapper then content div or have you just set the wrong parameter for the width n height?

28-07-2008, 18:22	#3 (permalink)
WebbyTom Registered User Join Date: Jul 2008 Posts: 4	I dunno i am new to this here is the code </style> </head> <body> <!-- Begin Wrapper --> <div id="wrapper"> <!-- Begin Content --> <div id="content"></div> <!-- End Content --> <!-- Begin Content 2 --> <div id="content2"></div> <!-- End Content 2 --> <!-- Begin Content 3 --> <div id="content3"></div> <!-- End Content 3 --> </div> <!-- End Wrapper --> </body> </html> and CSS * { padding: 0; margin: 0; } body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; background-image: url(back.jpg); background-repeat: repeat; text-align: center; } #wrapper { width: 976px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } #content { width: 976px; height: 561px; background-image: url(images/index_01.png); background-repeat: no-repeat; padding-right: 10px; padding-left: 10px; margin: 0px; } #content2 { height: 431px; width: 976px; background-image: url(images/index_02.png); background-repeat: no-repeat; } #content3 { background-image: url(images/index_03.png); background-repeat: no-repeat; height: 78px; width: 976px; }

28-07-2008, 18:31	#6 (permalink)
WebbyTom Registered User Join Date: Jul 2008 Posts: 4	So what have i done wrong? All of it lol

28-07-2008, 23:49	#7 (permalink)
karmedic id Join Date: May 2008 Location: Ottawa Posts: 220	i can't understand the question. do you want a fluid site with a min-width of 800px? btw, if you're targeting 800x600 then an explicit width of 976 won't help your cause.

29-07-2008, 03:46	#8 (permalink)
pasky big paw Join Date: Nov 2007 Location: Toronto Posts: 167	I also don't know what you are trying to achieve (the css you have posted does not coincide with what you are trying to achieve) More details please

30-07-2008, 13:54	#9 (permalink)
cmsi Registered User Join Date: Jul 2008 Posts: 9	your code and the idea that you want does not coincide...

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)