Dynadot .com transfer sale, only $10.12 with coupon code DYNA12, available while supplies last, ends October 31, 2026.

Css Percentage And Fixed Width Combined

Namecheap AuctionsNamecheap Auctions
SpaceshipSpaceship
SpaceshipSpaceship
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
Close
The views expressed on this page by users and staff are their own, not those of NamePros.
GoDaddyGoDaddy
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
Close
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
Close
Yep :) Instead of style='float:left;margin:10px;' it'd just be style='float:right;margin:10px;'
 
0
Close
DomainEasy: flexible LTO options. Close more domain deals with financing.

We're social

Escrow.com
Spaceship
CryptoExchange.com
Domain Recover

NamePros updates

Quick replies: search, your most used replies, and more on every post
Quick replies are easier to find and use now. The quick reply menu has a search box. Type a few letters to find the reply you want. A...
AIVikings
Catchy
  • The sidebar remains visible by scrolling at a speed relative to the page’s height.
Back