Position Problems (Full Version)

All Forums >> [Web Development] >> Expression Web Help



Message


learninwebbuildin -> Position Problems (10/7/2007 12:47:23)

I am doin somthin wrong.....

I have set up the first three items on my page using div tags and paragraphs... I am now trying to insert a picture and it keeps falling way down the page..... In expression web design view it looks just fine but in browser view it is not lining up....... I have used a yellow square as my picture..... Appreciate any help....

<HTML xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<HEAD>
<meta http-equiv="Content-Language" content="en-us">
<TITLE>5th Wheel Rv Hauler Tow Body</TITLE>
<meta name="verify-v1" content="5th Wheel RV Tow Body RV haulers RV Tow Bodies Rv Hauler Rv Hauler Tow Body Bodies 5th Wheel Haulers" />
<head>
<style type="text/css">
div {
position: absolute;
float: right;
}
div {
position: fixed;
float: right;
z-index: auto;
}
.newStyle2 {
background-color: #FFFF99;
color: #0000FF;
}
.style15 {
background-color: #FFFFFF;
text-align: center;
}
.newStyle3 {
background-image: url('SHERRIFFWEB.gif');
}
.style17 {
background-image: url('SHERRIFFWEB.gif');
text-align: center;
font-size: xx-large;
margin-left: 32px;
margin-right: 408px;
}
.style21 {
font-size: xx-large;
}
.style22 {
font-size: 72pt;
margin-top: 0px;
}
.style23 {
color: #0000FF;
text-decoration: blink;
}
.style24 {
color: #FF00FF;
}
.style25 {
background-color: #FFFF99;
}
</style>


</head>
<body><script type="text/javascript"><!--
google_ad_client = "pub-5982404809613643";
google_ad_width = 160;
google_ad_height = 600;
google_ad_format = "160x600_as";
google_ad_type = "text";
//2007-10-06: firstpagebox
google_ad_channel = "9722803689";
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<div style="position: absolute; width: 1090px; height: 1059px; z-index: 1; left: 183px; top: 8px" id="layer1" class="style15">
<br>
<p style="height: 240px" class="style22">Ultimate 5th Wheel Tow Body</p>

<p class="style17" style="height: 300px; width: 902px;"><span class="style21">Welcome to
5th wheel <br>
tow body <br>
We have designed this site to be fun and helpful.<br>
<span class="style24">Scroll</span> and <span class="style23">Click</span> your way around<br>
to find links to youtube videos, hitches,<br>
contact info, and a plethora<br>
of links everywhere to help</span><br>
you in your quest for all things 5th wheel.</p>
</div>
<br>
<div style="position: absolute; width: 100px; height: 100px; z-index: 2; left: 555px; top: 1099px" id="layer2" class="style25">
</div>



























</html>




Tailslide -> RE: Position Problems (10/7/2007 15:15:11)

You want to try to avoid using position absolute to position big chunks of the page. Much easier to deal with if you use the normal flow of the page and just float divs if you need them next to each other.




Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.03125