Kovo Posted September 30, 2006 Share Posted September 30, 2006 Hey, check out this code: <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta name="generator" content="Adobe GoLive" /> <title>Untitled Page</title> <style type="text/css" media="screen"><!-- body {margin: 0px; padding: 0px;} .threecolcont_1E87CDB {width:100%; height:100%; margin: 0px; padding: 0px; overflow: hidden;}.threecolbox_1E87CDB {width:172px; height:100%; float:left; background-image: url('images/image_07.jpg'); margin: 0px; padding: 0px; overflow: hidden;}.threecolbox_1E87CDB2 {width: auto; height:100%; background-image: url('images/image_02.jpg'); background-repeat: repeat-x; background-color:#ffffff; margin: 0px; padding: 0px; overflow: hidden;}.threecolbox_1E87CDB3 {width:172px; height:100%; float:right; background-image: url('images/image_10.jpg'); background-position: right; margin: 0px; padding: 0px; overflow: hidden;}.text {margin: 15px; text-align: left;}.1 {width: 141px; font-family: Verdana; font-size: 9pt;}.2 {width: 141px; font-family: Verdana; font-size: 9pt; text-align: right;}--></style> </head> <body> <div class="threecolcont_1E87CDB"> <div class="threecolbox_1E87CDB"><img src="images/image_01.jpg" width="172" height="172" style="position: relative; top:0px;"/><br/><div class="1"> <center>-- Personal --<br/><br/>Bio<br/>Interests<br/>The Room<br/>Stuff<br/><br/>-- Various --<br/><br/>Essays<br/>Downloads<br/>Portfolio<br/><br/>-- Top 10 --<br/><br/>Women<br/>Cars<br/>Songs<br/>Movies<br/>Websites<br/>Programs<br/>Games<br/>Wallpapers<br/> </center></div> </div> <div class="threecolbox_1E87CDB3"><img src="images/image_05.jpg" width="172" height="172" style="position: relative; top:0px;"/><br/> <div class="2" align="right"> <div align="center"> -- PC Support --<br/> <br/> Speed Tips 1<br/> Speed Tips 2<br/> Speed Tips 3<br/> Cooling Tips 1<br/> Cooling Tips 2<br/> <br/> -- Other Projects --<br/> <br/> The Kovo Experiment<br/> Kevork`s Portfolio<br/> Kevmedia<br/> <br/> -- Contacting Me --<br/> <br/> strat.kev@sympatico.ca<br/> (514) 261-7143<br/> myspace.com/kovo88<br/> </div> </div> </div> <div class="threecolbox_1E87CDB2"><center><img src="images/image_03.jpg" width="506" height="154" border="0"/></center><br/> <div class="text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris rutrum, dolor vel aliquam pretium, felis ligula tempor ipsum, lacinia imperdiet erat turpis ac eros. Integer sit amet nibh. Nulla imperdiet vehicula risus. Curabitur mauris dolor, eleifend vel, semper sit amet, euismod vitae, urna. Duis rutrum tellus eu pede. Nulla aliquet augue id lectus. Nunc venenatis auctor urna. Phasellus vestibulum, nunc eu vulputate dictum, est ante venenatis enim, ac ullamcorper eros orci quis diam. Nunc pharetra mattis metus. Mauris sodales mollis ante. Vestibulum lobortis sem a massa. Ut vitae nisi. Ut id nisl.Sed porttitor porttitor metus. Duis sagittis, orci quis venenatis ornare, ligula urna cursus felis, ut adipiscing metus tortor ac eros. Ut urna. Vivamus porta rutrum urna. Curabitur eget sapien varius magna suscipit tempor. Etiam facilisis, est eget imperdiet scelerisque, risus massa placerat lacus, vitae eleifend diam magna a ante. Suspendisse eu purus. Vestibulum risus. Aenean a metus eu lacus dapibus fringilla. Integer vel sapien.</div> </div> </div> </body></html> Or visit www.kovo.ca/1/index.shtmlI can get the left and right columsn to align properly and stay within the set columns. Im so frustrated (as usual) if someone could help me please. The left column works perfectly in IE6 but not in firefox. The right column doesnt work in any.Also, In IE6, if you make the browser window smaller, the middle picture (banner) disapears. Any ideas?Thanks a lot. Link to comment Share on other sites More sharing options...
boen_robot Posted September 30, 2006 Share Posted September 30, 2006 I don't see the problem with the left column. What exactly do you mean by "not working"?I see the problem with the middle image... maybe if you specify a min-width on the container of the 3 columns, it will work at least in IE7. Scrollbars would also appear for all browsers except IE6. As for IE6 solution... I'm not sure.The only weird thing I see with the right column is that it's text goes further left then the border specified (which I guess it's an image to the container?). Link to comment Share on other sites More sharing options...
Kovo Posted September 30, 2006 Author Share Posted September 30, 2006 I don't see the problem with the left column. What exactly do you mean by "not working"?I see the problem with the middle image... maybe if you specify a min-width on the container of the 3 columns, it will work at least in IE7. Scrollbars would also appear for all browsers except IE6. As for IE6 solution... I'm not sure.The only weird thing I see with the right column is that it's text goes further left then the border specified (which I guess it's an image to the container?).Well yes. The right text column goes over the background which is an image. I dont know how to align it to the right as nothing works. The left column is aligned right in IE but in FF the text is not perfectly aligned between the browsers left side and the right border which is also an image. What I find wierd is that FF seems to ignore the 1 and 2 classes. Any changes I make in them are ignored. I dont know why.I tried the min-width and the text still disapears. But thats ok since no one has a a screen resolution below 800x600. Link to comment Share on other sites More sharing options...
boen_robot Posted September 30, 2006 Share Posted September 30, 2006 Oh. That's not Firefox's problem. It's IEs. Classes starting with numbers are not allowed by the specification. Even W3Schools tutorials say this. Rename those classes so they don't begin with numbers and it will work. Link to comment Share on other sites More sharing options...
Kovo Posted September 30, 2006 Author Share Posted September 30, 2006 you did it again you sob! thank you so much, it works now perfectly. love it!!! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now