Tagged Questions

Positioning elements to the left or right of their containers using the CSS float attribute.

learn more… | top users | synonyms (2)

0
votes
1answer
24 views

Make a child occupy 100% of its parent when the parent height is undefined

I have a parent container, <DIV>, and two child containers <p> and <a>. I have applied a float to <p> to make <a> & <p> appear on one line. I have applied ...
0
votes
1answer
49 views

How to make footer responsive through CSS?

I want to make footer responsive through CSS. I've tried it through background-size: cover but it's not working. How can i make it responsive? Here's the CSS code: #super-footer { width: 75%; ...
0
votes
0answers
26 views

How to stop Dropdown menu from going up when minimized?

When ever i minimize the browser window, the drop down menu goes up and goes left, how to correct it? Here's the css code: div#secondary-menu { bottom: -62px; position: relative; z-index: 5; ...
0
votes
3answers
43 views

2 floating containers on the same line

I've seen a lot of questions about floats here, but they can't help me with this. Pic: http://img818.imageshack.us/img818/7289/ewd.png Blue box is centered relatively page, red box is on the left ...
0
votes
1answer
12 views

How to fit the img into the div when dimentions unknown

I have a small div (e.g. 200px x 200px) and some dynamically shown images: landscape, portrait or panorama dimensions (e.g. 600px X 300px; 200px X 600px ; 2000px X 300px) I need to fit all of them in ...
0
votes
3answers
27 views

certain div styles unresponsive

jsfiddle I've got a service list with a contact button below. The service list is split into a left and right side, and the contact button should be centered below. The contact button is being styled ...
2
votes
4answers
47 views

How to float elements left or right of a horizontally centered element?

For the pagination I'd like to use a horizontal alignment of elements looking like this: |<first page> | <previous page> | page X of N | <next page> | <last page>| The ...
1
vote
2answers
45 views

CSS make image fill available width

i got 3 images next to each other, wrapped in a div which can be resized using min-width and max-width. the left and right image have a fixed width/height. the center image should fill the available ...
0
votes
1answer
26 views

how to make a left and right div fixed and center div scrollable

In my webiste i have 3 divs. <div class="main_div"> <div class="left"></div> <div class="center"></div> <div class="right"></div> </div> the class ...
0
votes
2answers
84 views

Is it with CSS possible to target the first img in each line?

Is it with CSS possible to target the first img in each line. The img element has the following properties: float: left; margin-left: 20px; I would like to set margin-left to 0 on the first img in ...
0
votes
3answers
37 views

div height is not showing properly

I have a div element with two div elements in it and the inner divs are floated. But I want the main div with auto height. Not fixed. And the background must show properly. When I set the height to ...
0
votes
3answers
31 views

strange firefox float positioning, works fine in chrome/safari (CSS)

I'm having a weird issue in Firefox that I can't seem to fix. In both Chrome and Safari my float: left and float: right columns are working properly and in the right position, but when I view it in ...
1
vote
2answers
23 views

minimize rows after wrapping floated elements, but also minimize width

I have a "toolbar", which has an arbitrary number of floated inline-block elements, of unknown arbitrary widths. As the browser window gets narrower, at some point these floated elements are going to ...
2
votes
2answers
45 views

Centering div box's inside a main div

I am working on a mobile site where the page needs to change based on portrait and landscape mode. I have that part working. When the mobile device is in portrait mode it's suppose to display 4 boxes ...
0
votes
2answers
21 views

CSS 3 Column Layout change width on wrap

I have a 3 column layout specified something like this... #column1{ float:left; width:40%; min-width:265px;} #column2{ float:left; width:30%; min-width:245px;} #column3{ float:left; width:30%; ...

1 2 3 4 5 … 199
15 30 50 per page