CSS Issues... I was doing so well too...
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: 11,421 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....
Megan posted this at 20:17 — 27th January 2006.
She has: 11,421 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
Connect with us on Facebook!
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 ?
Renegade posted this at 04:10 — 28th January 2006.
He has: 3,022 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: 490 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.
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.