Jump to content

makatak88

Members
  • Content Count

    9
  • Joined

  • Last visited

Community Reputation

0 Neutral

About makatak88

  • Rank
    Newbie
  1. ok misread shadowmage, and now have tried right col inside the left, which gets a result but end up with thishttp://www.yfd.com.au/insurance9.htmli feel im getting closer but still so far
  2. Thnaks guys,I tried both but no luck - the 1st suggestion just repeats my image in the right column. So I tried the 2nd suggestion and put my left col inside the right. However the left col then no longer floats to the left but sits above the right col.Im determined not to go back to tables, but this confuses me sometimes.
  3. hi guru'sI was wondering if someone could help me out with this. My website im making has a left col and floating to the left of the right col. I was wondering if its possible to make the left column keep expanding as the right col get longer.I have tried adding a spacer and repeating it in the background but am having no luck.The site is yfd.com.au - you can see under insurance products for example that the left col stops short. I wanted it to keep expanding with the right col so the grey reaches down to the footer.sorry Im very new to divs so any help would be very appreciated.
  4. makatak88

    huge margin in IE

    yep changed to a scrtict DTD-Thanks Guys- Really appreciate the help!
  5. makatak88

    huge margin in IE

    Thanks paul but that just controls the margin for outside the main wrapper - ie: it puts the wrapper snug to the top of the screen.My problem is in the right column inside the wrapper. everything from rightcoltop down is pushed right down in IE and thats inside the main wrapper.Thanks for the input though
  6. makatak88

    huge margin in IE

    Hi,still very new to css and divs but i'm making some progress - but I keep hitting the wall with IE.I cannot for the life of me work out why my right hand column is pushed so far down in IE but displays fine in firefox etc.I have checked margins and padding and everything seems right.the site is www.yourfinancedirect.com.au/march29.htmland heres the html and css.any insight into this would be greatly appreciatedhtml<!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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>Your Finance Direct</title><link href="css/untitled.css" rel="stylesheet" type="text/css" /></head><body><div id="shadowwrap"> <div id="wrapper"> <div id="header"></div> <div id="navigation"> <ul> <li><a href="personalloans.html">Personal Loans</a></li> <li><a href="vehicleloans.html">Vehicle Loans</a></li> <li><a href="homeloans.html">Home Loans</a></li> <li><a href="businessloans.html">Business Loans</a></li> <li><a href="insurance.html">Insurance Products</a></li> <li><a href="aboutus.html">About Us</a></li> <li><a href="contact.html">Contact Us</a></li> </ul> </div> <div id="leftcol"><img src="images/couplepic.jpg" alt="yuorr finace happines" width="200" height="170" /> <div id="leftcoltop"> <ul> <li><a href"#">Apply Online</a></li> <li><a href"#">Rate Comparison</a></li> <li><a href"#">Loan Calculator</a></li> </ul> </div> <div id="leftcolmid"><a href="loancalulator.html"><img src="images/loancalculator.jpg" alt="loancalculator" width="180" height="120" border="0" /></a></div> <div id="leftcolbottom"><img src="images/bannerbottom.jpg" alt="loancalculator" width="172" height="252" /></div> </div> <div id="rightcoltop"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="580" height="200"> <param name="movie" value="images/topbanner.swf" /> <param name="quality" value="high" /> <embed src="images/topbanner.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="580" height="200"></embed> </object> </div> <div id="rightcolseparatorimg"><a href="applyonline.html"><img src="images/applynow3.jpg" alt="applynow" width="183" height="49" border="0" /></a></div> <div id="rightcolseparator">Home Loans</div> <div id="rightcol"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla quam, in condimentum augue lorem non tellus. Pellentesque id arcu non sem placerat iaculis. Curabitur posuere, pede vitae lacinia accumsan, enim nibh elementum orci, ut volutpat eros sapien nec sapien. Suspendisse neque arcu, ultrices commodo, pellentesque sit amet, ultricies ut, ipsum. Mauris et eros eget erat dapibus mollis. Mauris laoreet posuere odio. Nam ipsum ligula, ullamcorper eu, fringilla at, lacinia ut, augue. Nullam nunc.</p> <p>Sed et lectus in massa imperdiet tincidunt. Praesent neque tortor, sollicitudin non, euismod a, adipiscing a, est. Mauris diam metus, varius nec, faucibus at, faucibus sollicitudin, lectus. Nam posuere felis ac urna. Vestibulum tempor vestibulum urna. Nullam metus. Vivamus ac purus. Nullam interdum ullamcorper libero. Morbi vehicula imperdiet justo. Etiam mollis fringilla ante. Donec et dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Etiam mi libero, luctus nec, blandit ac, rutrum ac, lectus.</p> <p>Morbi consequat felis vitae enim. Nunc nec lacus. Vestibulum odio. Morbi egestas, urna et mollis bibendum, enim tellus posuere justo, eget elementum purus urna nec lacus. Nullam in nulla. Praesent ac lorem. Donec metus risus, accumsan ut, mollis non, porttitor eget, mi. Aliquam aliquet, tortor a elementum aliquam, erat odio sodales eros, suscipit blandit lectus dolor sit amet elit. In eros wisi, mollis vitae, tincidunt in, suscipit id, nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Phasellus ornare. Suspendisse potenti. Mauris convallis. Vestibulum nec mauris in augue porta mollis. Proin ut nunc. Mauris aliquam dui eget purus.</p> <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Phasellus ornare. Suspendisse potenti. Mauris convallis. Vestibulum nec mauris in augue porta mollis. Proin ut nunc. Mauris aliquam dui eget purus.</p> <p> </p> </div> <div id="footer"> <ul> <li><a href="personalloans.html">Personal Loans</a></li> <li><a href="vehicleloans.html">Vehicle Loans</a></li> <li><a href="homeloans.html">Home Loans</a></li> <li><a href="businessloans.html">Business Loans</a></li> <li><a href="insurance.html">Insurance Products</a></li> <li><a href="aboutus.html">About Us</a></li> <li><a href="contact.html">Contact Us</a></li> </ul> ©Your Finance Direct, Townsville 2010</div></div></div></body></html>CSS@charset "UTF-8";body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #333333; padding: 0px; background-color: #333399;}#shadowwrap { width: 1000px; margin-right: auto; margin-left: auto; background-image: url(../images/shadow99.jpg); background-repeat: repeat-y; background-attachment: scroll; }#wrapper { background-color: #FFFFFF; width: 900px; margin-right: auto; margin-left: auto; }#wrapper #header { background-image: url(../images/topbanner.jpg); background-repeat: no-repeat; height: 106px;}#wrapper #leftcol { width: 200px; padding: 0px; float: left;}#wrapper #leftcoltop { text-align: center; padding: 10px 0px 0px; height: 60px; white-space: nowrap; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; line-height: 150%; background-color: #E7E8E8; }#wrapper #leftcolmid { text-align: center; padding: 10px 0px 0px; height: 120px; white-space: nowrap; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; line-height: 150%; background-color: #E7E8E8; }#wrapper #leftcolbottom{ text-align: center; padding: 10px 0px 0px; height: 300px; white-space: nowrap; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; line-height: 150%; background-color: #E7E8E8; }#wrapper #leftcoltop ul { margin: 0px; padding: 0px; list-style-type: none; text-align: left;}#wrapper #leftcoltop ul li { display: block; margin: 0px; padding: 0px 8px;}#wrapper #leftcoltop ul li a { color: #333333; text-decoration: none; padding-top: 10px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; outline: none }#wrapper #leftcoltop ul li a:visited { color: #000000; text-decoration: none;}#wrapper #leftcoltop ul li a:hover { color: #999999; text-decoration: none; padding: 10px 10px 20px;}#wrapper #leftcoltop ul li a:active { color: #FFFFFF; text-decoration: none; padding: 20px 10px 15px;}#wrapper #rightcol { padding: 0px 0px 0px; width: 650px; margin-left: 220px; text-align: justify;}#wrapper #rightcoltop { width: 690px; margin-left: 220px; padding-left: 20px; padding-bottom: 0px;}#wrapper #rightcolseparator { width: 630px; margin-left: 220px; padding-left: 20px; height: 30px; background-image: url(../images/separator6.jpg); text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 150%; font-weight: bold; color: #666666; margin-top: 20px; margin-bottom: 20px; }#shadowwrap #wrapper #rightcolseparatorimg { float: right; padding-top: 10px; padding-right: 15px; }.floarright { float: right;}.rightcoltopimg { background-color: #FFFFFF; text-align: center; padding: 5px; clear: both;}#wrapper #navigation { text-align: center; padding: 10px 0px 0px; height: 30px; background-image: url(../images/menugradient.jpg); border: 1px solid #999999; white-space: nowrap; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; line-height: 150%;}#wrapper #navigation ul { margin: 0px; padding: 0px; list-style-type: none; vertical-align: middle;}#wrapper #navigation ul li { display: inline; margin: 0px; padding: 0px 8px;}#wrapper #navigation ul li a { color: #333333; text-decoration: none; padding-top: 10px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; outline: none }#wrapper #navigation ul li a:visited { color: #000000; text-decoration: none;}#wrapper #navigation ul li a:hover { color: #FFFFFF; text-decoration: none; background-color: #FF0000; padding: 20px 10px 15px; list-style-type: disc;}#wrapper #navigation ul li a:active { color: #FFFFFF; text-decoration: none; background-color: #FF0000; padding: 20px 10px 15px;}#wrapper #footer { text-align: center; padding: 5px; height: 50px;}#wrapper #footer ul { margin: 0px; padding: 0px; list-style-type: none;}#wrapper #footer ul li { display: inline; padding-right: 10px; padding-left: 10px; border-right-style: solid; border-right-width: 1px; border-right-color: #999999;}#wrapper #footer ul li a { color: #333333; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px;}#wrapper #footer ul li a:visited { color: #333333; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px;}#wrapper #footer ul li a:hover { color: #999999; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
  7. Im a ######! Never mind..Interesting though just changing the filename in the code to reflect the new swf was enough for all browsers except IEI had to change the <param name="movie" value="" /> to reflect the new swf as well. DOH!
  8. hope im posting this in the right spot.My site contains alot of flash- in fact some pages are entirely flash.For some reason in internet explorer ( - every other browser is fine-) when i click on a link that is a flash page is comes up with the correct link in the adress barbut shows another flash page.the site is www.loloma.com.authe page that keeps showing up is www.loloma.com.au/rings.htmlso even if i navigate to the "advantage" link www.loloma.com.au/advantage.html it shows the right adress in the bar but the rings page shows up.....if anyone could have a look see id be grateful
  9. Im tearing myself away kicking and screaming from using tables and Im getting the hang of divs but I cant seem to vertically center what is my wrapper div inside the body like I used to with tables. I can use auto on the left and right margins to get horizontal centering but no go on vertical- any help would be awesomely appreciatedhtml<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><!-- TemplateBeginEditable name="doctitle" --><title>Lolo</title><!-- TemplateEndEditable --><!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable --><link href="/css/products.css" rel="stylesheet" type="text/css" /></head><body><div id="wrapper"> <div id="header"></div> <div id="navigation"> <ul> <li><a href="#">Page 1</a></li> <li><a href="#">Page 2</a></li> <li><a href="#">Page 3</a></li> <li><a href="#">Page 4</a></li> <li><a href="#">Back to Rings</a></li> </ul> </div> <div id="middle"> </div> <div id="footer">© 2010</div></div></body></html>css@charset "UTF-8";body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #FFFFFF; padding: 0px; background-color: #666666; text-align: center; min-width: 1000px;}#wrapper { background-color: #FFFFFF; height: 625px; width: 1000px; margin: auto; padding: 0px; position: static; text-align: left;}#wrapper #header { background-color: #000000; height: 20px; width: 1000px; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto;}#wrapper #middle { background-color: #000000; height: 450px; width: 1000px; margin-top: 100px; margin-right: auto; margin-bottom: auto; margin-left: auto;}#wrapper #footer { background-color: #000000; height: 30px; width: 1000px; margin-top: 50px; margin-right: auto; margin-bottom: auto; margin-left: auto;}#wrapper #navigation ul { margin: 0px; padding: 0px; list-style-type: none;}#wrapper #navigation ul li { display: inline; padding-right: 10px; padding-left: 10px; border-right-style: solid; border-right-width: 1px; border-right-color: #000000;}#wrapper #navigation ul li a { color: #000000; text-decoration: none;}#wrapper #navigation ul li a:visited { color: #000000; text-decoration: none;}#wrapper #navigation ul li a:hover { color: #000000; text-decoration: none; background-color: #FF0000;}
×
×
  • Create New...