|
| |
|
|
learninwebbuildin
Posts: 1
Joined: 10/7/2007
Status: offline
 |
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
Posts: 6116
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
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.
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
