Comments on: Why is css doing this to me?

Question: Why is css doing this to me?

Karmakaze — Sat, 10 Mar 2007 16:13:00 -0800

I've run into a problem with displacing a block of text with css. II see the same behavior in IE6, IE7 and Firefox, so I gather its supposed to behave that way, but I can't work out why. I'd like to be able to have some text included with the main content in the code, but pulled over to the margin, as in marginalia or the cornell note-taking method on display. I've worked out how to float the text, but when I shift it over into the margin, the main text continues to wrap around the (now empty) displaced area.

My sample document is here. Look to the left of the second or third excerpts in the maginalia column to see the empty blocks.

Why is it doing that? Can I make it stop, or have I chosen the wrong method of doing this to start with?

By: Señor Pantalones

Señor Pantalones — Sat, 10 Mar 2007 16:48:31 -0800

scholia {layout.css (line 87)
border:1px solid red;
float:right;
font-family:trebuchet,arial,helvetia,sans-serif;
font-size:x-small;
font-style:italic;
line-height:1.1em;
margin-left:-300px;
padding:5px;
position:relative;
right:-300px;
text-align:justify;
width:282px;
}

you forgot margin-left: -300px to counteract the right -300px

By: Señor Pantalones

Señor Pantalones — Sat, 10 Mar 2007 16:49:24 -0800

oops, remove "layout.css (line 87)". firebug info from the copy/paste

By: Karmakaze

Karmakaze — Sat, 10 Mar 2007 17:26:22 -0800

Thank you! I knew it had to be something obvious I just wasn't seeing.