HTML Forum

**pipers dragon** · 05-15-2005, 09:17 AM

Im tryin to make a new klayout for my site, and it is different from the rest because im using both % measuring and pixel and i normally dont use percent.

Heres what I have: http://resist-insanity.net/indexxx.php

The blue and white lines are background, the drag down lines in the middle are a repeating 100% high table that is centered, and the image is on a centered div... I need to use more divs though, to get an iframe between the two lines made by her arms under resist insanity, and then between th neext part {blue with the pants} and the outside border...

first, if I Use percents to absolute position the divs will they work the same in different revolutions? also, I tried to use css to make that background black or something so I could see what I was doing but I couldnt.... Can anyone help me out?

**rogem002** · 05-15-2005, 02:27 PM

I di not under stand any of that, try editing the code.

**brokensoul2271** · 05-15-2005, 02:45 PM

I'll answer the easy question

.
You said you wanted to make the background black with CSS just put this in your CSS (presuming its the body you want black)

body {
background-color: #000000;
}

I'm jus gonna have a look at your site and se if I can help

P.S.
I believe that using percentages will most like make your page appear different in different browsers...

**pipers dragon** · 05-15-2005, 06:46 PM

nevermind... i guess people arent going to be able to answer my question, which isnt their fault casue it is really hard to understand.... thanks anyway though....

**brokensoul2271** · 05-15-2005, 06:48 PM

If you set the divs with absolut positioning and set the size in pixels you shouyld have no problems.. I have never needed to do anything like this so i cant help but i'm sure it cant be that hard.. but then again things are never what they seem...

**celticbrue** · 04:14 AM

Hi There,

Just had a quick play with this. Try this for your main page html:

HTML Code:

<html>
<head>
<link href="pd.css" rel="stylesheet" type="text/css">
<title>Gone For Now</title>

</head>


<body>

<div id="container">

<div id="top"><img src="images/mischalayout.jpg"></div>

<div id="frame">
<Iframe src="indexx.htm" width="398px" height="1000px" allowtransparency="true" frameborder="no"></iframe>
</div>

</div>

</body>

</html>

And this for your main page css

HTML Code:

body { text-align:center; margin:0px; padding:0px; background: url(images/pgbg1.jpg); }

#container { width:650px; margin-left:auto; margin-right:auto; background: url(images/bg.jpg); text-align:center;}

#top {width:650px;}

#frame {width:400px; border:2px solid #000000; margin-left:auto; margin-right:auto; }

I haven't played around with the css for your iframe and you may need to adjust the url for the images as I played with them on my own machine. Also, the border around the frame div has only been added so you can see where it is, obviously you can remove this from the css file.

Hope this helps

Regards

Ian

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!