Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Old 09-26-2007, 07:57 PM CSS/DIV Issues HELP!
Junior Talker

Posts: 1
Trades: 0
http://stampede.rynoceris.com/about/what-we-do

I needed a white bg to stretch vertically with my content so I added a content_wrapper div and it seems to have allowed me to do what I want.. but now the bg is still not expanding all the way with the text.. weird? There shouldn't be overflow.

Then there is the problem of IE. The #content DIV isn't even displaying properly at all.. it has the DIV off to the right. Can anyone tell me what I'm doing wrong, or if I just need a hack for IE for the one issue?

I can fix the issue in IE by setting the #content div to absolute positioning. unfortunately, that kills the bg image and color of the #content_wrapper. Hm?

Any help would be greatly appreciated as it is also time-sensitive.
danrlewis is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 09-26-2007, 08:45 PM Re: CSS/DIV Issues HELP!
Average Talker

Latest Blog Post:
A Few Ways to get Traffic
Posts: 25
Name: Michael Saffold
Trades: 0
Looks like you only closed two div thingies. Add an extra </div> tag here:

<div id="wrapper">
<div id="content_wrapper">
<div id="content">
Phasellus id lorem. Curabitur imperdiet dui a nisl. Nam malesuada. Vivamus nonummy pellentesque erat. Duis pulvinar nulla nec turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean mattis, lectus eu suscipit ultricies, sem arcu blandit lectus, ac sollicitudin diam diam sed lorem. Aenean sodales diam et est. Fusce eget felis. Suspendisse at lectus. Cras pharetra mollis urna. Sed consectetuer. Vivamus at purus.<br><br>Donec facilisis faucibus metus. *** sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent et magna. Vestibulum pede sem, convallis quis, blandit eu, condimentum id, massa. Vivamus mollis, ante sit amet interdum accumsan, ante elit sollicitudin turpis, sit amet blandit odio ligula eu massa. Pellentesque eu arcu quis ligula consectetuer viverra. Curabitur velit massa, hendrerit eget, tincidunt vitae, laoreet vel, nisi. Aenean placerat elit vitae nisl. Morbi ut arcu nec lacus viverra mollis. In hac habitasse platea dictumst. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut eu justo. Phasellus pulvinar elementum nulla. Pellentesque laoreet, tellus cursus aliquet porttitor, neque nisl fermentum sapien, eget cursus enim dolor id sem. Ut imperdiet libero. Etiam scelerisque dignissim felis. Duis vehicula accumsan ante. Donec tellus mauris, tristique in, iaculis eget, sodales et, metus. Ut vestibulum, risus at tincidunt euismod, erat lectus pharetra est, hendrerit egestas mi nisl vel odio. Nam gravida porta massa.<br><br>Aliquam vulputate. Maecenas facilisis aliquam elit. Vestibulum tristique fringilla sem. Vivamus facilisis metus sed velit. Phasellus commodo nibh vulputate velit. In varius tincidunt ipsum. Suspendisse potenti. Cras lacus. Morbi est leo, euismod eu, scelerisque sed, gravida auctor, augue. Nulla accumsan rutrum ligula. Sed fermentum mauris aliquet augue lobortis vehicula. Nam a pede id nunc blandit aliquam. Fusce imperdiet mi eget dolor sodales mollis. Ut vestibulum quam eu lorem. Integer massa tortor, ultrices sit amet, auctor et, vestibulum suscipit, nulla. Nullam scelerisque leo et mauris. In elementum pulvinar leo.<br><br>Praesent eu pede ac magna elementum aliquam. Sed lorem nisl, mollis vitae, consectetuer lobortis, sollicitudin in, justo. Aliquam placerat vulputate pede. Sed ipsum libero, ultricies volutpat, rhoncus quis, lacinia vel, nisi. Pellentesque quam erat, vulputate pharetra, porta eget, tristique sed, risus. Nullam hendrerit congue libero. Donec mauris diam, ullamcorper id, adipiscing fringilla, dapibus in, turpis. Fusce sed lectus sit amet mi tincidunt ullamcorper. Pellentesque condimentum. Ut quis neque. Nunc condimentum volutpat massa. Vestibulum auctor.<br><br>Mauris orci. Sed lobortis, nisi ut ornare vulputate, libero augue sodales augue, et convallis orci elit quis magna. Quisque enim. Pellentesque dignissim volutpat justo. Morbi nisl metus, rhoncus ac, ornare sed, volutpat ac, velit. Sed accumsan molestie arcu. Fusce id nulla sit amet nisl porttitor congue. Donec commodo, purus non bibendum rutrum, urna odio pretium augue, eu varius dolor velit vel mi. Sed lacinia. Mauris felis ante, ultricies sed, varius vel, dignissim vitae, neque. Quisque vitae pede. Fusce non massa.<br>
</div>
</div>
__________________

Please login or register to view this content. Registration is FREE
MSaffold is offline
Reply With Quote
View Public Profile
 
Old 09-27-2007, 04:14 PM Re: CSS/DIV Issues HELP!
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Div thingie :shock: ?

First of all you appear to have EVERYTHING positioned - which is not necessary and not good. IE has numerous bugs, especially with absolute positioning. Learn so use the normal document flow and floats and you'll be better off.

I would remove all that positioning EXCEPT for the position:relative on your main container div, that is a good place to use it.

You should read up on positioning:
http://www.barelyfitz.com/screencast...s/positioning/

Then you should read up on IE's many bugs:
http://www.positioniseverything.net

Then do a Google Search for Conditional Comments - you don't want hacks in your main css file !
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to CSS/DIV Issues HELP!
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.28886 seconds with 12 queries