|
HTML - Need A Fix For Ie Floats
If you'll take the trouble to look at this page:
http://www.fatefulvoyage.com/trial/trialAAIntro.html and scroll down just a tad, you'll see two columns of names. If you're usiing IE the right column will be below the left; if you're using Firefox or Opera, the columns will be properly aligned. Can someone suggest a fix for IE? Thanks for your time. Similar TutorialsHey guys, me and my friend are going to begin working on a forum but we've run into one small problem with CSS floats and 100% height (yes, I know it doesn't work). Could you look at this page in Firefox, please? http://automata.firephoenixnet.com/atom.ic/ As you can see, everything works fine except for the posts (which are supposed to look-forum like) and the sidebar, which doesn't stretch all the way down to the footer bar (because of the post weirdness). Is there any way to fix this? Thanks guys! Hi everyone, I'm having trouble with centering multiple DIVS and making them next to one another like so: HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<style>
div{border: 1px solid gray;}
</style>
</head>
<body>
<div style="text-align: center">
<div style="float: left;display: inline;">
dfdfd
</div>
<div style="float: left;display: inline;">
dfdfd
</div>
<p style="clear: both;">
</div>
</body>
</html>
Is it possible? Note that we don't know their width or height of any of the DIVS For some odd reason my background property in container is not carrying down through the rest of my webpage. I can not figure out what i am doing wrong and this is really starting to frustrate me. here is my code. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Simple Beauty</title> <style type="text/css"> <!-- body { background: #CACACA url(images/background.png) repeat-x; font-family: "Trebuchet MS", Verdana, serif } #container { margin: 0 auto; width: 950px; background:#FFF; } #header { width: 100% } #sidebar { float:left; width:208px; padding:10px; border-right: #8C8484 2px solid; } #header { width: 950px; height:100px; } #main { float:right; width:700px; padding-top: 20px; padding-right:10px; padding-left:10px; padding-bottom:10px; } #logo { float:right; padding-top:10px; } --> </style></head> <body> <div id="container"> <div class='header'> <div class='logo'><img src='../project/images/teams/Beta.gif' id='logo' alt='Team Beta Logo'/></div> <div class='headerText'> <h1>Team Beta's E-Commerce Site</h1> </div> </div> <ul id='menu'> <li><a href='index.php'>Home</a></li> <li><a href='products.php'>Products</a></li> <li><a href='signup.php'>Signup</a></li> <li><a href='#'>Shopping Cart (0 items)</a></li> <li><a href='about.php'>About Us</a></li> </ul> <div id="main">sdfdd</div> <div id="sidebar">blah</div> </div> </body> </html> I've seen (and cannot find again) a header piece of artwork that was justified a percentage distance from the left of the page. Another plain slither of header artwork was repeated seamlessly across the total width of the page. It went 'behind' the prime piece of artwork and reappeared. The 'joins' were invisible. The header seemed / appeared to be one piece of artwork that went across the page regardless of how wide the page was with the piece of artwork always remaining between the centre of the page and the left hand edge of the page. The distance of the piece of artwork got nearer to the left hand edge of the page the narrower the page got. How does one achieve that? Both images were hosted by ImageShack. I barely understand all that myself! My knowledgebase is a little above zero. Thanks in advance, MD. I have a current background image for my forums, but I want to add another background image that will "float" to the bottom no matter how long the page is. How would I do that? |
|||||||