I am going nuts... Initially I had a table in my css, but I wanted to e table free.
Sorry to be a pain but in explorer my graphic is aligning to the right side of the screen when it is supposed to be 251 pixels out...
The URL is : efoxiv.com if you want to take a look.
This is my index.cfm body page:
#foxData.pageSummary#
#foxData.image#" alt="#foxData.imageAlt#">#URL.page#">Request Information
#foxData.bodyText#
#subNav.caption#
And here is a part of my .css
#container{
position:absolute;
top:100px;
width:756px;
left: 0px;
}
#pageSummary{
position:absolute;
top:0px;
margin:0px;
padding:5px;
width:235px;
border:thin;
border-bottom-style:solid;
border-color:#990000;
}
#bodyContent{
position:absolute;
top:550px;
left:5px;
width:500px;
padding:10px;
}
#subMenu {
background-image:url(images/pageElements/subLink_BG.jpg);
background-repeat:repeat-y;
position:absolute;'
margin:0px;
text-indent:7px;
padding-left:7px;
font-size:12px;
font-weight:bolder;
left:520px;
top:0px;
}
#subMenu ul{
text-indent:-25px;
}
#Photo{
position:absolute;
width:270px;
left:251px;
margin:0px;
top:0px;
}
I don't mean to be a pain, but any help would be most appreciated.... :blech:
Megan posted this at 16:49 — 27th January 2006.
She has: 10,304 posts
Joined: Jun 1999
Try floating isntead of absolutely positioning those things. That would be a lot easlier.
mikehannon posted this at 19:36 — 27th January 2006.
They have: 64 posts
Joined: Oct 2005
This might not be causing the problem but i spotted an error in you css...
#subMenu {
background-image:url(images/pageElements/subLink_BG.jpg);
background-repeat:repeat-y;
position:absolute;'
margin:0px;
text-indent:7px;
padding-left:7px;
font-size:12px;
font-weight:bolder;
left:520px;
top:0px;
}
notice the apostrophe? i'm pretty sure that shouldnt be there....
Mike Hannon
-----------------------------
ICHOR Gallery : Fine Art Prints
Megan posted this at 20:17 — 27th January 2006.
She has: 10,304 posts
Joined: Jun 1999
That might be enough to do it! There's a lot of errors in the code too - like ul's with no li's. That wouldn't be causing this particular problem but cauld cause other ones.
Megan
My web design blog
robbluther posted this at 23:12 — 27th January 2006.
He has: 73 posts
Joined: Jan 2006
Ahh, I will try that when I get back to work... As for lacking the li's... I couldn't get the bullets to go away. That was a problem I was going to tackle after the one at hand. Thanks guys.
mikehannon posted this at 00:35 — 28th January 2006.
They have: 64 posts
Joined: Oct 2005
Why are you using the
tag there? all it does is create an indent (which you counteracted with your css anyway) and a line break... how about just using ?
Mike Hannon
-----------------------------
ICHOR Gallery : Fine Art Prints
Renegade posted this at 04:10 — 28th January 2006.
He has: 2,944 posts
Joined: Oct 2002
To get rid of bullets try:
ul {
list-style:none;
}
steve40 posted this at 22:07 — 1st February 2006.
He has: 495 posts
Joined: May 2005
Doing tables in CSS sucks, not only my opinion, but lots of others as well. If you are going to use tables use html tables, no browser has a problem with this. Use CSS for other mark-up, but not tables.
It's not about trying to impress others by the complicated code we use, it's about what works with the least trouble.