CSS_Noob
-
Posts
4 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by CSS_Noob
-
-
Code Problem
in CSS
Thanks, my divs are all aligned now. I'll also condense my CSS as you recommended.:]
-
Code Problem
in CSS
Thanks for your help, vchris. I've rectified my mistake and used different classes to differentiate between my elements.I've also come up with a new problem, unfortunately.Although both these elements are placed (I think) 100px from the top, they are showing up as uneven.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Supernova</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><style type="text/css">/* Begin CSS *//* Background Color */body {background-color: #000000}h1 {background-color: #000000}h2 {background-color: #000000}p {background-color: #000000}/* Text Color */h1 {color: #FFFFFF}h2 {color: #FFFFFF}p {color: #FFFFFF}/* Div */div{background-color:#000000;overflow:auto}/* Div Classes */div.pos_left{position:relative;border-style: dashed;border-color:#FFFFFF;border-bottom-width: medium;width:150px;height:750px;left:0px;top:100px;}div.pos_abs{position:absolute;border-color: #FFFFFF;border-style: dashed;border-bottom-width: medium;width:550px;height:750px;left:200px;top:100px}</style></head><body><div class="pos_left"><p>Column</p></div><div class="pos_abs"><p>Main Text</p></div></body></html>
-
Code Problem
in CSS
I'm writing the CSS in DreamWeaver, and it looks fine, but when I preview it in Firefox from www.founderweb.com the text is shown outside the element in which it is placed. What am I doing wrong?~
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Supernova</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><style type="text/css">/* Begin CSS *//* Background Color */body {background-color: #000000}h1 {background-color: #000000}h2 {background-color: #000000}p {background-color: #000000}/* Text Color */h1 {color: #FFFFFF}h2 {color: #FFFFFF}p {color: #FFFFFF}/* Tables */td.pad {padding: 0.2cm}/* Left Div */div {background-color:#000000;width:150px;height:750px;overflow:auto}div.pos_abs{position:absolute;left:8px;top:100px}/* Center Div */div1 {background-color:#000000;border-color: #FFFFFF;border-style: dashed;border-bottom-width: medium;width:550px;height:750px;overflow:auto}div1.pos_abs{position:absolute;left:166px;top:100px}</style></head><body><div class="pos_abs"><p></p></div><div1 class="pos_abs"><table><tr><td class="pad"><p align="center">Test tags Test tags Test tags Test tags Test tags Test tags Test tags Test tags Test tags Test tags Test tags Test tags Test tags Test tags Test tags Test tags Test tags Test tags Test tags Test tags Test tags Test tags Test tags Test tags Test tags Test tags Test tags posts</p></td></tr></table></div1></body></html>
Code Problem
in CSS
Posted
I'd like to have the text in the second div set for "overflow: visible" so that all the displayed blogger posts in the body section in that div will display and lengthen the webpage instead of having an ugly scrollbar (not saying the entire page isn't ugly anyway). When I change the overflow from auto to visible, though, the page width increases.Can anyone tell me why this occurs, and perhaps how to fix it?