NameSilo

Css Percentage And Fixed Width Combined

Spaceship Spaceship
Watch

Rudy

Established Member
Impact
16
Css Percentage & Fixed Width Combined and Wordwrap?

Hey guys,
I'm using CSS, and I'm wondering if there's a way that I can do a 3 column layout where the far left has a fixed width and then the other two are percentages? Basically, I want 1 column at a fixed width. Then I want to be able to somehow calculate how much percentage that fixed width takes up, subtract it, and then use the remaining percentage for the other two columns.

Does this make sense? Any ideas how I would accomplish this?

Also, I'm wondering if its possible / how to have a div or span or p or something that just creates a wordwrap effect, so that I can put in a picture or something, and the text in the surrounding div will just wrap around that picture.

- David
 
Last edited:
0
•••
The views expressed on this page by users and staff are their own, not those of NamePros.
.US domains.US domains
First off to make text wrap around something like an image I usually do something like:
HTML:
<div>
<img src='lovelyimage.gif' width='200' height='300' alt='Lovely Image' style='float:left;margin:10px;'/>
Lots of other lovely lovely text! blal bla bla lorem dolar ipsum lorem dolar ipsumlorem dolar ipsumlorem dolar ipsumlorem dolar ipsumlorem dolar ipsumlorem dolar ipsumlorem dolar ipsum
</div>
That usually works for me...

For the three column layout they can get rather complicated.. some good layouts can be found here (already coded up for ya :hehe: )
http://layouts.ironmyers.com/100_percent_Layouts/
 
0
•••
Hey, thanks Sam. I appreciate it! I think I've got the 3 column thing figured out. I already had it coded, I just needed to get the columns' widths changed and working properly. They are now - for the most part!

The code for the image is going to help a lot. I'll check it out. Do you think this might work if I wanted to put text on the left side of the image instead of the right?

- David
 
0
•••
Yep :) Instead of style='float:left;margin:10px;' it'd just be style='float:right;margin:10px;'
 
0
•••
Dynadot — .com Registration $8.99Dynadot — .com Registration $8.99

We're social

Unstoppable Domains
Domain Recover
DomainEasy — Payment Flexibility
  • The sidebar remains visible by scrolling at a speed relative to the page’s height.
Back