|
|
Posted by Jonathan N. Little on 03/20/07 23:12
monkeymynd wrote:
> hi all,
>
> i'm fairly new to css. i've been playing with a template, and am
> having a problem putting a table into a div. the div is the center
> column in, what i believe is called, a faux column template.
> basically, it seems that the table is 'breaking out' of the div and
> setting itself at the bottom of it. i can put text, etc. in the div
> without any problem. so far, the table is the only thing messing it
> up.
>
> i've tried several suggestions i've found online. tried wrapping it in
> another div with several different styles...tried setting the width of
> the table to 99% of the containing div, etc. i do not want to position
> it absolute, so i'm looking for a solution that avoids that.
>
> any help is greatly appreciated.
>
> css is here : http://www.monkeymynd.com/test/nautica01bug/css/nautica01.css
>
> example html is here : http://www.monkeymynd.com/test/nautica01bug/index.html
>
> thanks in advance for any replies.
>
Remove the 'clear:both;' on your table element.
BTW:
Sizing block marking and padding in 'px' is very inflexible. Bump the
text size up a bit and your 'pixel-perfect' layout falls apart.
Why are your using images for simple sans-serif text?
<span>Some text</span><br /> makes no sense, use a block element that
make sense.
<img .. /> <br /><img .. /> <br /><img .. /> <br /><img .. /> <br />
Also also makes no sense, if you want your images to stack in a area
style them as block
..stacked IMG { display: block; }
<div class="stacked">
<img .. /> <img .. /> <img .. /><img .. />
<div>
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Navigation:
[Reply to this message]
|