capples3 — 2012-02-13T21:28:52-05:00 — #1
Working on a site which I have posted at http://www.clhdesigns.com/intercept I have just threw up some basic images in an html page to start. My question is with this half red circle can I actually make this site a fluid layout so it resizes despite screen size to fit the entire width of the screen. I think the half red circle here is key.
ralphm — 2012-02-13T21:48:46-05:00 — #2
Yes, it can be done, perhaps not exactly as you want, though. I would have the big circle as a background image on the body. But to have the white chunk out of it, I would place a text box over the top of it with a white background. that would mean that if text expands, so will the white box. (The only alternative would be to fix a height on the white box and have scroll bars for overflow.
As for the red half-square on the left, though, it looks a bit inflexible, as resized text will overlap it a bit, so I'd rethink that.
rayzur — 2012-02-13T23:22:38-05:00 — #3
I had done something similar to that once before which was able to expand with the text.
It was simply a left border with two spans AP'd at top and bottom.
Expanding Text Bracket
ralphm — 2012-02-14T00:48:24-05:00 — #4
ryanreese — 2012-02-14T10:55:49-05:00 — #5
capples3 — 2012-02-14T13:27:14-05:00 — #6
For just the backgroud alone, the white background and red half circle, what would the css code look like for that?
here is the fixed width code I have for that
margin: 0px auto;
font: 62.5% Arial, Helvetica, sans-serif;
margin:70px 0px 0px 0px;
margin:30px 0px 0px 180px;
font-family:Arial, Helvetica, sans-serif;
Help is appreciated thanks for the idea on the expanding text box will that box work seeing as I will be using font-replacement techniques?