5 replies [Last post]
css-nub
Offline
newbie
Last seen: 16 years 24 weeks ago
Joined: 2003-06-02
Posts: 5
Points: 0

I'm sure this is a pretty easy thing to fix. I just started my site, trying out CSS for the first time. Everything has been trial and error so far.

This is my bare bones website:
http://web.ics.purdue.edu/~mgbur/index.shtml

I have a friend who showed me how CSS works. She is on a Mac, and she does not see the leftcontent div growing out on the bottom. However, I am using IE, and there is a problem with the presented layout.

The left-hand div extends past the end of the image, creating a larger area than originally intended. It appears to sag down below its designated boundary.

Any suggestions that I can insert into my code would be greatly appreciated.

Thanks for your time.

css-nub
Offline
newbie
Last seen: 16 years 24 weeks ago
Joined: 2003-06-02
Posts: 5
Points: 0

the problem is at the bottom

for those of you who do not see it right away

for me, the bottom extends down past the adjacent div

Sven
Sven's picture
Offline
Enthusiast
Brisbane, Australia
Last seen: 12 years 23 weeks ago
Brisbane, Australia
Timezone: GMT+10
Joined: 2003-03-12
Posts: 166
Points: 0

left-hand div extends past the end of image

I'm not sure exactly what you mean, but here goes!

If the problem is that the left-hand div extends past the end of the image (in which case I presume you're using Internet Explorer?), the problem should be solved by removing the carriage return between the IMG tag and the MAP tag.

That is,

<IMG SRC="images/left.jpg" WIDTH=300 HEIGHT=400 BORDER=0 ALT="" USEMAP="#left_Map">
<MAP NAME="left_Map">

becomes

<IMG SRC="images/left.jpg" WIDTH=300 HEIGHT=400 BORDER=0 ALT="" USEMAP="#left_Map"><MAP NAME="left_Map">

Does this solve your problem?

css-nub
Offline
newbie
Last seen: 16 years 24 weeks ago
Joined: 2003-06-02
Posts: 5
Points: 0

Fix

No, thanks for your efforts. However the suggest fix, moving the carriage tag, did not properly align the div with the image.

dJomp
dJomp's picture
Offline
Enthusiast
Last seen: 3 years 42 weeks ago
Joined: 2003-03-23
Posts: 422
Points: 0

left-hand div extends past the end of image

I'll follow that up with removing all carriage returns? Just as a quick test, put the entire contents of the DIV on one line...
<div id=leftcontent>...</div>
Just to check if it is a carriage return problem.

You know you're a geek when you try to shoo a fly away from the monitor with your cursor.

css-nub
Offline
newbie
Last seen: 16 years 24 weeks ago
Joined: 2003-06-02
Posts: 5
Points: 0

workaround

I couldn't find a reasonable workaround.

So I just put a border around my image, and said screw the div border.

Seems to work now.